vscode和stylus通用配置方案

安装插件

编辑器配置

其中关于字体大小、行高等配置可以自定义，关于vue、eslint的格式规则需要按着相应的规则写，点击左下角设置按钮后，在自定义设置中添加如下：

// 将设置放入此文件中以覆盖默认设置

{

// 窗口失去焦点自动保存

"files.autoSave": "onFocusChange",

// 编辑粘贴自动格式化

"editor.formatOnPaste": true,

// 行高

"editor.lineHeight": 17,

// 通过使用鼠标滚轮同时按住 Ctrl 可缩放编辑器的字体

"editor.mouseWheelZoom": true,

// 行太长自动换行

"editor.wordWrap": "on",

//Windows bash终端"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",

// 主体

"workbench.colorTheme": "Monokai",

"workbench.iconTheme": "vs-seti",

// eslint设置

"eslint.validate": [

"javascript",

"javascriptreact",

"html",

"vue",

{

"language": "vue",

"autoFix": true

}

],

// 保存自动修复

"eslint.autoFixOnSave": true,

// tab锁紧

"editor.tabSize": 2,

// 保存自动化

"editor.formatOnSave": true,

// 空格变成......

"editor.renderWhitespace": "all",

"window.zoomLevel": 0,

"editor.formatOnSave": true,

"vetur.format.defaultFormatter.html": "js-beautify-html",

"emmet.syntaxProfiles": {},

// Use ':' as separator between property and value

"languageStylus.useSeparator": true, // default value

// Toggle matches for Stylus Builtin Functions on autocomplete

"languageStylus.useBuiltinFunctions": true, // default value

// Toggle colors preview

"editor.colorDecorators": true,

"files.associations": {

"*.vue": "vue",

"*.stylus": "stylus"

} // default value

}