常用插件:
1.中文插件;
Chinese (Simplified) Language Pack for Visual Studio Code
2.在修改标签名时,自动更改对应的标签名字;
Auto Rename Tag
3.不同颜色和横线显示括号的范围;
Bracket Pair Colorizer 2
4.快速的生成html标签;
HTML Snippets
5.在浏览器中打开网页:
Open-In-Browser
6.格式化插件:
Prettier
7.颜色提示插件:
Color Info
8.代码格式化HTML CSS support自动补齐css:
HTML CSS support
9.代码格式化:
JS-CSS-HTML Formatter
10.jquery自动提示
jQuery Code Snippets
11.路径自动补齐
Path Autocomplete
12.检测JS必备:
ESLint
13.给项目文件夹前边加上icon
vscode-icon
14.样式格式化
Beautify / Beautify css/sass/scss/less
15.Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全, debugger。vscode官方钦定Vue插件,Vue开发者必备。
Vetur
=====================================================
下面是setting中的一些配置:
{
"workbench.colorTheme": "Visual Studio Dark",
"fileheader.customMade": {
"Company": "wwww.glaway.com",
"Copyright": "(c) 2020. All Rights Reserved",
"Author": "你的名字",
"Date": "",
"Description": "",
"LastEditors": "你的名字",
"LastEditTime": ""
},
"fileheader.cursorMode": {
"author": "zq",
"description": "",
"param": "",
"return": ""
},
"editor.tabSize": 4,
"editor.formatOnSave": true,
"breadcrumbs.enabled": true,
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.mouseWheelZoom": true,
"python.linting.enabled": false,
"editor.minimap.maxColumn": 80,
"git.defaultCloneDirectory": "",
//配置git(json文件不能有注释,用的时候需要把这就话去掉)
"git.path": "D:/软件应用/Git/Git/bin/git.exe",
"editor.fontSize": 18,
"git.autofetch": true,
"editor.fontSize": 16,
"git.autofetch": true
}