Auto Close Tag
--标签自动合并Auto Rename Tag
--标签自动改名Beautify
--代码格式化Bracket Pair Colorizer
--括号高亮(强烈推荐)Chinese (Simplified) Language Pack for Visual Studio Code
--汉化ESLint
-- JavaScript代码语法验证GitLens
— Git supercharged --git可视化,个人比较喜欢shell直接操作,装个无妨。HTML Snippets
--HTML片段提示JavaScript (ES6) code snippets
-- JavaScript语法片段提示包括es6language-stylus
--stylus语言支持Manta's Stylus Supremacy
--格式化Stylus的配置Material Icon Theme
--Material图标风格Material Theme
-- Material主题风格npm-import-package-version
--显示当前npm包的版本Path Autocomplete
--路劲自动补全Prettier
-格式化工具Vetur
--vue官方的vue单文件组件开发工具Vue 2 Snippets
--Vue 2 Snippets代码片段
这里推荐下我的vscode设置
{
"terminal.external.osxExec": "iTerm.app",
"workbench.iconTheme": "eq-material-theme-icons-darker",
"workbench.colorTheme": "Material Theme Darker",
// 基础设置
"editor.tabSize": 2,
"workbench.startupEditor": "newUntitledFile",
"editor.quickSuggestions": {
"strings": true
},
// vue设置
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"files.associations": {
"*.vue": "vue",
"*.wpy": "vue"
},
// vetur设置
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "vscode-typescript",
// eslint设置
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
// format设置
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"prettier.singleQuote": true,
"prettier.semi": false,
// git设置
"gitlens.advanced.messages": {
"suppressLineUncommittedWarning": true,
"suppressShowKeyBindingsNotice": true,
"suppressWelcomeNotice": true
},
"git.confirmSync": false,
"git.autofetch": true,
// emmet 设置
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"vue-html": "html",
"javascript": "javascriptreact"
},
// 以下为stylus配置
"stylusSupremacy.insertColons": false, // 是否插入冒号
"stylusSupremacy.insertSemicolons": false, // 是否插入分好
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false,
"breadcrumbs.enabled": true,
"editor.detectIndentation": false,
"explorer.confirmDragAndDrop": false,
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
// [auto|force|force-aligned|force-expand-multiline]
"wrap_attributes": "auto" // 可以换成上面任意一种value
}
},
"javascript.updateImportsOnFileMove.enabled": "always",
"explorer.confirmDelete": false,
"editor.formatOnPaste": true,
"window.zoomLevel": 1
}
复制代码