安裝插件
編輯器配置 其中關于字型大小、行高等配置可以自定義，關于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 }