1.中文插件 Chinese (Simplified) Language Pack for Visual Studio Code
Auto Close Tag (自动补全html标签)
Bracket Pair Colorizer(括号颜色不同,更容易看)
代码括号颜色会对应,更容易看
Easy LESS(less语法)
配置说明: 在vsCode中使用Less方法:
在vsCode插件管理搜索插件 Easy LESS安装,(如没安装node.js先安装一下)
在项目根目录如没有.vscode目录,需要创建.vscode目录,添加一个配置文件:settings.json
内容如下:
{
"less.compile": {
"compress": true,
"sourceMap": false,
"out": true,
"outExt": ".css",
}
}
indent-rainbow(带颜色的代码缩进)
Material Icon Theme(文件图标)
文件显示不同的图标
Path Intellisense(识别文件,图片路径)
Prettier - Code formatter(格式化插件)
在vscode左下角图标打开设置 搜索settings 点击在settings.json中编辑 在里面配置
"prettier.printWidth": 100,
"prettier.tabWidth": 4,
"prettier.useTabs": false,
"prettier.semi": true,
"prettier.singleQuote": true,
"prettier.proseWrap": "preserve",
"prettier.arrowParens": "avoid",
"prettier.bracketSpacing": true,
"prettier.disableLanguages": ["vue"],
"prettier.endOfLine": "auto",
"prettier.eslintIntegration": false,
"prettier.htmlWhitespaceSensitivity": "ignore",
"prettier.ignorePath": ".prettierignore",
"prettier.jsxBracketSameLine": false,
"prettier.jsxSingleQuote": false,
"prettier.parser": "babylon",
"prettier.requireConfig": false,
"prettier.stylelintIntegration": false,
"prettier.trailingComma": "es5",
"prettier.tslintIntegration": false,
"terminal.integrated.allowMnemonics": true,
"terminal.integrated.automationShell.linux": ""
|