下載安裝
1、官網下載
https://code.visualstudio.com/
配置
1、常用插件下載
中文：Chinese (Simplified) Language Pack
代碼校驗：eslint
vue代碼優化顯示：vetur
vue簡寫代碼：vue vscode snippets
prettier的html換行有毒
2、修改中文主題
快捷鍵：command + shift + p
輸入搜索 configure language
3、修改配置文件（配置保存時自動按照eslint格式化）
{ "editor.tabSize": 2, "workbench.startupEditor": "newUntitledFile", "sublimeTextKeymap.promptV3Features": true, "explorer.confirmDelete": false, "files.exclude": { "**/.git": true, "**/.svn": true, "**/.DS_Store": true, "**/node_modules": true, "**/iOS": true, "**/.gitignore":true, }, "workbench.colorTheme": "Monokai", "window.zoomLevel": 0, "git.ignoreMissingGitWarning": true, "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true }, { "language": "vue", "autoFix": true } ], "explorer.confirmDragAndDrop": false, "breadcrumbs.enabled": true, "editor.minimap.enabled": true, "terminal.integrated.rendererType": "dom" } 
image.png
3、修改文字大小
1）修改左側資源管理器
新裝的vscode可能版本比較新，以前的資源管理器的字體要大些，故想要放大。各種百度都是要去修改文件
/usr/share/code/resources/app/out/vs/workbench/workbench.main.css 打開搜索 .monaco-workbench>.part>.content 修 字體大小，重啟后就生效了。 我認為太復雜了，直接縮放就好了
image.png
2）修改右側編輯器文字大小
image.png
