vscode插件整理(前端)

插件整理（前端）

基础

  • 中文包 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

  • idea 快捷键 IntelliJ IDEA Keybindings

    有些快捷键冲突,需要另行配置。

vue

  • Vue Language Features (Volar)
1
2
3
4
5
6
7
8
9
10
11
// vue 2 依赖
// jsconfig.json
{
  "compilerOptions": {
    // ...
  },
  "vueCompilerOptions": {
    "target": 2.7,
    // "target": 2, // For Vue version <= 2.6.14
  }
}
  • vue-helper 变量跳转、代码片段、提示等
1
2
3
4
5
6
7
"vue-helper.alias": {
    "@": "src"
  },
  "vue-helper.componentPrefix": {
    "alias": "@",
    "path": "src"
  }
  • Vue VSCode Snippets 代码片段
  • 格式化 用vscode自带的吧

git

  • GitLens 显示当前行是谁提交的
  • Git Graph 项目提交记录
  • Git History 单个文件的提交记录

其他

  • Auto Rename Tag 自动重命名成对的 HTML/XML 标记
  • vscode-icons 图标

settings.json

1
2
3
4
"workbench.colorCustomizations": {
    // 编辑器缩进参考线颜色
    "editorIndentGuide.activeBackground": "#eedf0b"
  }