vscode配置

一. vscode配置

1. 设置vue文件格式化

"workbench.editor.enablePreview": false, // 是否允许预览
"editor.detectIndentation": false, // 默认根据文件类型预测空格数关闭
"editor.insertSpaces": true, // 自动插入空格
"editor.tabSize": 2, // 代码缩进修改成2个空格
"prettier.eslintIntegration": true,  //让prettier使用eslint的代码格式进行校验
"prettier.semi": false,  //去掉代码结尾的分号
"prettier.singleQuote": true,  //使用单引号替代双引号
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
//让函数(名)和后面的括号之间加个空格
"editor.renderControlCharacters": true, // 控制器是否显示控制字符
"editor.renderWhitespace": "all" // 在空白字符上显示符号的方式

2. vetur配置

"vetur.format.defaultFormatter.html": "js-beautify-html" // vue中格式化html代码
"emmet.useNewEmmet": false,
"emmet.showAbbreviationSuggestions": true,
"emmet.showExpandedAbbreviation": "always", // required to work with
"emmet.includeLanguages": {
  "vue-html": "html",
  "vue": "html",
  "*.tpl": "html"
},
"files.associations": {
  "*.tpl": "html"
},
"emmet.triggerExpansionOnTab": true,
"emmet.syntaxProfiles": {
  "vue-html": "html",
  "vue": "html"
},

3. Document This插件配置

"docthis.includeAuthorTag": true, //出现@Author
"docthis.includeDescriptionTag": true, //出现@Description
"docthis.authorName": "halapro.liu",

4. eslint插件配置

"eslint.autoFixOnSave": false, // 每次保存的时候按eslint风格修复
"eslint.validate": [
  "javascript",
  "javascriptreact",
  "vue"
],

5. Iterm2

"terminal.external.osxExec": "iTerm.app", // 修改vsc的终端为iTerm2

6. Code Runner插件控制台乱码

"code-runner.runInTerminal": true

7. Indent-rainbow插件

"indentRainbow.indentSetter": {
  "javascript": { "tabSize": 2, "insertSpaces": true }
}

二. vscode插件

• Auto Close Tag
• Auto Rename Tag
• Auto Import
• Beautify
• Bracket Pair Colorizer
• Code Runner
• Document This
• File Peek
• File Utils
• GitLens
• goTo
• indent-rainbow
• Project Manager
• Vertu
• view-in-browser