基本插件列表

1、Chinese (Simplified) Language Pack: 官方中文包
2、ES7 React/Redux/GraphQL/ReactNative snippets : 一些代码模板VS Code 中支持 React Native，React，Redux

常见代码片段的插件
3、Auto Close Tag: 自动生成结束标签
4、Beautify: 格式化代码可美化JS、JSON、CSS、Sass、HTML
5、JS-CSS-HTML Formatter自动格式化代码
6、HTML CSS Support: html/css的代码模板Markdown Preview Github Styling: md 预览open in browser: 右键打开浏览器
7、live server右键打开浏览器
8、Search node_modules: 搜索第三方依赖包
9、Path Intellisense: 自动提示路径补全
10、Material theme皮肤插件
11、Prettier 格式化插件
12、search-node-modules 可让您快速浏览项目的node_modules目录中的文件-源码
13、Bracket pair colorizer 2 找到相同的大括号
14、Css peek快速找到css代码
15、vc编辑器需要安装一个插件(EasyLess) less语法
16、atom one dark theme 代码风格主题vscode-icons文件图标的样式
17、vscode-icons-mac图标主题插件
18、Material Icon Theme 图标主题插件
19、Auto Rename Tag这是一个修改标签对的插件。重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签
20、Atom One Dark 是语法皮肤，美化代码。
21、TODO Highlight TODO高亮显示
22、super-translate 划词翻译。鼠标停留选中几秒就会查看翻译内容。
23、Google Translate 选中自动翻译，很简单。
24、filesize 在状态栏中显示当前文件大小，点击后还可以看到详细创建、修改时间
25、Dracula Official 官方吸血鬼主题，很漂亮
26、Color Highlight 颜色突出显示”显示任何颜色代码的直观表示。例如，如果你键入 RGB，RGBa，十六进制或任何其他颜色代码，你将能够在视觉上看到颜色
27、GitLens — Git supercharged它可以帮助你通过 git-blame 注释和代码注释一目了然地查看代码作者身份，无缝导航和探索 Git 存储库，通过强大的比较命令获得有价值的见解
28、 Visual Studio Intellicode帮助开发人员提供智能的代码完成建议而构建的，并且已预先构建了对多种编程语言的支持
29、Vetur插件支持.vue文件的语法高亮显示，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件，比如Sass和TypeScript，完整的支持高亮的语法
30、vue-helper vue代码提示插件，不仅包括了vue2所有api，还含有vue-router2和vuex2的代码提示
31、Git History Diff，安装这个插件后，如果你的VSCode打开了一个Git管理的代码，则在VSCode编辑窗口中，可以看到所有的提交记录、改动文件，包括每一行代码的提交时间、提交人，非常方便。
32、Tabnine Autocomplete AI Tabnine 是功能强大的人工智能助手，能帮你更快地敲代码并减少错误。Tabnine 基于 AI 深度学习算法，能够预测你编码意图并提供一键式代码完成
Kite AI Code AutoComplete Kite 支持js与python的多行补全功能，可帮助你在保持流程顺畅的同时加快编码速度。
33、JavaScript (ES6) code snippets 支持JavaScript和TypeScript 常规ES代码提示块
34、One Dark Pro 主题
35、vue3snippets支持 Vue 3 的语法高亮，代码格式化和代码提示

快捷键

打开/关闭终端: ctrl + ` 显示所有命令: ctrl + 1 查找文件: ctrl + E

在文件中查找: ctrl + F

保存所有修改的文本: ctrl + shift + S

设置快捷键

根据功能名查找后设置或者修改快捷键组合

根据快捷键组件查找后设置或者修改快捷键组合

配置

{
    "emmet.triggerExpansionOnTab": true,
    "editor.fontSize": 20,
    "files.autoSave": "onFocusChange",
    "sublimeTextKeymap.promptV3Features": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.snippetSuggestions": "top",
    "eslint.enable": false,
    "window.zoomLevel": 0,
    "fileheader.Author": "xfzhang",
    "fileheader.LastModifiedBy": "xfzhang",
    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    },
    "editor.tabSize": 2,
    "workbench.startupEditor": "newUntitledFile",
    "git.autofetch": true,
    "[html]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    
},
"workbench.activityBar.visible": true,
"workbench.statusBar.visible": true,
"editor.minimap.enabled": false,
"vsicons.dontShowNewVersionMessage": true,
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
"editor.mouseWheelZoom": true,
"terminal.integrated.shell.windows": "C:\\WINDOWS\\system32\\cmd.exe",
"breadcrumbs.enabled": true,
"vetur.validation.template": false,
"workbench.list.openMode": "doubleClick",
"[javascript]": {
    "editor.defaultFormatter": "HookyQR.beautify"
},
"[json]": {
    "editor.defaultFormatter": "HookyQR.beautify"
},
"[markdown]": {
    "editor.defaultFormatter": "HookyQR.beautify"
},
"git.enableSmartCommit": true,
"path-intellisense.extensionOnImport": true,
"path-intellisense.autoSlashAfterDirectory": true,
"path-intellisense.showHiddenFiles": true,
"search.followSymlinks": false,
"javascript.updateImportsOnFileMove.enabled": "never",
"liveServer.settings.donotShowInfoMsg": true,
"terminal.integrated.fontSize": 18,
"javascript.implicitProjectConfig.experimentalDecorators": true