VSCode最佳設置

最近在學習Vue,用VSCode開發。經過摸索,VSCode最佳設置。

 1 {
 2     "eslint.enable": false,
 3     "workbench.colorTheme": "One Dark Pro",
 4     "vetur.format.options.tabSize": 2,
 5     "vetur.format.options.useTabs": true,
 6     "vetur.format.defaultFormatter.html": "js-beautify-html",
 7     "vetur.format.defaultFormatterOptions": {
 8         "js-beautify-html": {
 9             "wrap_attributes": false
10         },
11         "prettier": {
12             "semi": false, //不加分號false
13             "singleQuote": true //用單引號true
14         }
15     },
16     //推薦配置
17     "html.format.wrapAttributes": "preserve",
18     "window.zoomLevel": 0.6, //窗口縮放
19     "files.autoSave": "off",
20     "workbench.editor.enablePreview": false,
21     "workbench.startupEditor": "newUntitledFile",
22     "workbench.activityBar.visible": true,
23     "editor.tabSize": 2,
24     "editor.wordWrap": "on", //軟換行
25     "editor.renderWhitespace": "boundary",
26     "editor.cursorBlinking": "smooth",
27     "editor.minimap.renderCharacters": false,
28     "editor.fontLigatures": true,
29     "editor.largeFileOptimizations": false,
30     "editor.quickSuggestions": {
31         "strings": true
32     },
33     "explorer.confirmDragAndDrop": true,
34     "explorer.confirmDelete": false,
35     "extensions.autoUpdate": false,
36     "breadcrumbs.enabled": true,
37     "window.titleBarStyle": "custom",
38     "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
39     "eslint.validate": [
40         "javascript",
41         "vue"
42     ],
43     "eslint.options": {
44         "plugins": [
45             "html"
46         ]
47     },
48     "git.autorefresh": false,
49     "search.followSymlinks": false,
50     "workbench.sideBar.location": "left",
51 }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章