VSCode：插件

说明	时间
首次发布	2019年12月15日
最近更新	2019年12月15日

vscode插件集合：

• Atom One Dark Theme
• Auto Close Tag
• Auto Rename Tag
• Auto Import
• Awesome Flutter Snippets
• Bookmarks
• change-case
• Code Runner
• CSS Peek
• Dart
• DotENV
• Draw.io Integration
• ES7+ React/Redux/React-Native snippets
• ESLint
• Flutter
• GitLens — Git supercharged
• HTML Snippets
• htmltagwrap
• Image preview
• import Cost
• IntelliSense for CSS class names in HTML
• JS JSX Snippets
• JavaScript standardjs styled snippets
• Live Server
• node-snippets
• npm
• npm Intellisense
• Office Viewer(Markdown Editor)
• open in browser
• Path Intellisense
• Prettier - Code formatter
• Project Manager
• Vetur
• vscode-icons
• vscode-styled-components
• Vue 3 Snippets
• Vue Peek

---

详细说明

一、Path Intellisense

• 1、安装 Path Intellisense；

• 2、编辑 settings.json 文件 (路径引导)：

  {
    "path-intellisense.mappings": {
      "@": "${workspaceRoot}/src"
    }
  }
  

• 3、在项目的根目录下，增加 jsconfig.json 文件(文件模块的提示联想/文件跳转等)：

   {
    "compilerOptions": {
      "experimentalDecorators": true,
      "baseUrl": "./",
      "paths": {
        "@/*": ["src/*"],
        "components/*": ["src/components/*"],
        "assets/*": ["src/assets/*"],
        "pages/*": ["src/pages/*"],
        "common/*": ["src/common/*"]
      }
    },
    "exclude": ["node_modules", "dist"],
    "include": ["./src/**/*"]
  }
  

  paths 下的对象根据自己项目的实际情况配置。

• 4、重启 VS Code。