下載安裝
1、官網(wǎng)下載
https://code.visualstudio.com/
配置
1、常用插件下載
中文：Chinese (Simplified) Language Pack
代碼校驗：eslint
vue代碼優(yōu)化顯示：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）修改左側(cè)資源管理器
新裝的vscode可能版本比較新，以前的資源管理器的字體要大些凯楔，故想要放大窜骄。各種百度都是要去修改文件
/usr/share/code/resources/app/out/vs/workbench/workbench.main.css
打開搜索 .monaco-workbench>.part>.content 修 字體大小，重啟后就生效了摆屯。
我認為太復雜了邻遏，直接縮放就好了
image.png
2）修改右側(cè)編輯器文字大小
image.png
image.png
