天天看点

vscode和stylus通用配置方案

安装插件

vscode和stylus通用配置方案
vscode和stylus通用配置方案
vscode和stylus通用配置方案
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 }

继续阅读