好的主题可以帮助从视觉上更直观地分辨工程目录下不同用途的目录和文件，比如： 不同文件的用途一目了然。 可以通过 Material Icon Theme - Visual Studio Marketplace 查看和安装该主题。 参考资料 🗂 让你的 VSCode 文件图标更好看的10个文件图标主题一个好用的文件图标主题除了能够愉悦身心之外，对于开发的效率 - 掘金

路由器和路由 新建一个 Vue3 项目，创建一个简单的 App.vue： ​ <template>  <div class="app">    <h2 class="title">Vue路由测试</h2>    <!-- 导航区 -->    <div class="navigate">      <a href="#" class="active">首页</a>      <a href="#">新闻<…

一直都在 Windows 下使用 CapsLock+，感觉是笔记本打字员/开发者必备的工具。最近开始在 Linux 上码字，找一个替代品/方案就是必然的事情了。 这里使用的是 keyd ，这是一个 Linux 平台的开源工具，可以用它实现自定义键盘映射。 首先下载源码到指定目录（推荐/opt）： git clone https://github.com/rvaiya/keyd /opt目录需要root权限，可以先用su切换到超级管理员权限。 安装： cd keyd/ make make install 启动服务： …

通常使用下面的方式为 NPM 设置镜像： npm config set registry https://registry.npmmirror.com 用下面的命令可以恢复镜像为官方镜像： npm config set registry https://registry.npmjs.org 如果要查看当前使用的镜像： npm config get registry NRM 更推荐的方式是使用 nrm 工具管理 NPM 镜像，这个工具同样使用 NPM 安装： sudo npm install -g nrm 因为要使用…

ref 属性 如果需要获取一个 DOM 元素，传统的 JS 方式是： <template>    <div class="person">        <h1>中国</h1>        <h2 id="city">北京</h2>        <h3>大兴区</h3>        <button @click="showDom">显示dom元素</button>    </div&g…

本文使用的 Linux 发行版是 Ubuntu 24，如果是其他发行版过程可能略有出入。 通过 Typora 官网 下载 deb 安装包，后面使用的激活工具只能激活 1.9.x 之前的版本，推荐选择 1.9.3 版本。 使用包管理工具安装： sudo dpkg -i typora_1.9.3_amd64.deb 激活工具依赖 node.js，如果没有同样需要安装，可以通过以下命令判断有没有： node --version 安装 node.js： curl -fsSL https://deb.nodesource.c…

本文转载自掘金，原作者HollisChuang 在电商、支付等系统中，一般都是先创建订单（支付单），再给用户一定的时间进行支付，如果没有按时支付的话，就需要把之前的订单（支付单）取消掉。这种类似的场景有很多，还有比如到期自动收货、超时自动退款、下单后自动发送短信等等都是类似的业务问题。 本文就从这样的业务问题出发，探讨一下都有哪些技术方案，这些方案的实现细节，以及相关的优缺点都有什么？ 因为本文要讲的内容比较多，涉及到11种具体方案，受篇幅限制，这篇文章主要是讲方案，不会涉及到具体的代码实现。 因为只要方案搞清楚了…

单向绑定和双向绑定 看一个示例： <template>    <div class="person">       姓：<input type="text" v-bind:value="firstName" />        <br />       名：<input type="text" v-bind:value="lastName" />        <br />       全名：????    </div> </…

组合式和选项式 Vue2 使用的是选项式（Options）API，Vue3 推荐使用组合式（Composition）API。 关于组合式和选项式 API 的区别以及优缺点可以观看视频。 可以在 Vue3 中使用组合式 API 编写代码，但不推荐。 setup Vue3 提供一个setup方法，可以在其中以组合式的风格定义变量和方法。 比如一个选项式的 vue 组件： <template>    <div class="person">        <h2>姓名：{{ name …

快速开始 早前可以通过vue-cli创建 vue 项目的框架代码，但现在已经统一使用 vite 进行构建： npm create vue@latest 需要先安装 npm（NodeJS 的包管理器）。 会开启一个交互式命令行界面： 任何组件都可以在后期手动添加，这里只选择一个 TS（TypeScript）支持。 创建好项目框架后，需要进入项目根目录并安装依赖： npm install 依赖会安装在node_modules目录下。 依赖安装好后可以启动项目： npm run dev 访问命令行显示的链接即可打开项目主…