vsCode开发插件和配置推荐

vsCode插件

1. 首先vsCode的中文插件

Chinese (Simplified) Language Pack for Visual Studio Code

2. 自动补全标签插件，可大幅度提升开发效率

Auto Close Tag

3. 给代码加上不同颜色的括号，更方便区分代码块

Bracket Pair Colorizer

4. git提交管理，可以清楚看到每一行的作者和改动时间，强烈推荐！

GitLens — Git supercharged

5. HTML CSS的代码提示

HTML CSS Support

6. 头部注释和函数注释，强烈推荐！

koroFileHeader

// 文件settings.json添加以下配置
// 文件头部注释 Ctrl + Alt + i
"fileheader.customMade": {
     "Descripttion": "",
     "Author": "JayShen",
     "Date": "Do not edit",
     "LastEditors": "JayShen",
     "LastEditTime": "Do not Edit"
 },
// 函数注释 Ctrl + Alt + t
"fileheader.cursorMode": {
    "Description": "",
    "Author": "JayShen",
    "param": "",
},

7. 引入的文件的路径提示

Path Intellisense

8. vue开发者必备，vue代码提示

Vetur

9. 右键打开浏览器运行HTML文件，快捷键Alt + b

open in browser

10. 文件icon更换，文件一目了然，推荐！

vscode-icons

无限更新中…

vsCode配置

1.按住Ctrl + 滚轮 缩放字体大小，强烈推荐！

// 鼠标滚轮缩放字体大小 文件settings.json添加以下配置
"editor.mouseWheelZoom": true,