1.chinses 中文
2.Auto Rename Tag 修改标签自动修改
3.one Dark Pro 代码主题(one Dark Pro Dark)
4.live serve 代码实时页面更新
5.open in browser 右击页面预览
6.easy LESS 把less文件自动转换成css文件
7.vscode-icons 文件归类显示图标
8.会了吧 (代码单词翻译)
9.格式化代码 (在vscode设置中(左下角),点击设置,文本编辑器-格式化-Format on Paste和Format On Save 都选上就可以)
10.Prettier - Code formatter 格式化代码 跟上面不冲突
11.koroFileHeader代码注释 快捷键百度
11.在setting.josn中设置
@Override
{
"workbench.colorTheme": "One Dark Pro Darker",
"editor.fontWeight": "normal",
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// 开启 vscode 文件路径导航
"breadcrumbs.enabled": true,
// 换行属性
"prettier.printWidth": 300,
// 箭头函数参数括号 avoid 能不加时就不加
"prettier.arrowParens": "avoid",
// #prettier去掉代码结尾的分号
"prettier.semi": true,
// 无尾逗号
"prettier.trailingComma": "none",
// #使用带引号替代双引号
"prettier.singleQuote": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": false,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
// 多行属性
"wrap_attributes": "auto"
},
},
"prettier.useTabs": true,
// "[javascript]": {
// "editor.defaultFormatter": "esbenp.prettier-vscode"
// },
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.formatOnSave": true,
// 注释
"fileheader.configObj": {
"autoAdd": false
},
"fileheader.customMade": { //此为头部注释
"Description": "",
"Autor": "xuwenchao",
"Date": "Do not edit"
},
"fileheader.cursorMode": { //此为函数注释
"description": "",
"param": "",
"return": ""
},
}