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
}