VSCode插件&经验汇总（持续更新）

vscode的插件汇总（提效）

编辑器基本配置：

• 中文语言：Chinese (Simplified) Language Pack for Visual Studio Code
  

• 打开浏览器，快捷键“Alt+B”：open in browser
  

• 代码保存后，浏览器自动更新：Live Server​​​​​​
  

• 编辑器的文件图标：vscode-icons
  

• 自动匹配HMTL标签：Auto Rename Tag（仅适用于 HTML、XML、PHP 和 JavaScript）
  

• Git 可视化工具：Git Graph
  

• 查看并可以操作git提交的历史记录：Git History
  

• 查看git提交的历史记录，代码里也会显示历史提交信息：Git History Diff
  

• css/sass/less语法检查：stylelint

• 智能路径提示：Path Intellisense
  
  

Vue2基本配置：

• vscode的vue插件：Vetur
  
  

Vue3基本配置：

• vscode的vue插件：Votar（当前，和vue2的Vetur互斥，二者只能存在一个）
  

Egg框架配置：

• NodeJs中 EggJs框架在vscode中的插件：Egg.js dev tools

其他有趣的配置：

• 截获代码为PNG，Ctrl+Shift+P => Carbon：carbon-now-sh（应该仅限window系统的吧）
• 界面右下角有个小人：background（貌似会获取设备信息，不安全）

vscode的配置汇总

VSCode 在新窗口打开文件，不覆盖旧窗口

【settings => Workbench => Editor Management】选项卡下拉找到Enable Preview（或者直接搜索Enable Preview），去掉Enable Preview 的勾选项。

​