vscode中eslint配置文件setting.json


 1 {
 2   // vscode默認啟用了根據文件類型自動設置tabsize的選項
 3   "editor.detectIndentation": false,
 4   // 重新設定tabsize
 5   "editor.tabSize": 2,
 6   // #每次保存的時候自動格式化 
 7   "editor.formatOnSave": true,
 8   // #每次保存的時候將代碼按eslint格式進行修復
 9   "eslint.autoFixOnSave": true,
10   // 添加 vue 支持
11   "eslint.validate": [
12     "javascript",
13     "javascriptreact",
14     {
15       "language": "vue",
16       "autoFix": true
17     }
18   ],
19   //  #讓prettier使用eslint的代碼格式進行校驗 
20   "prettier.eslintIntegration": true,
21   //  #去掉代碼結尾的分號 
22   "prettier.semi": false,
23   //  #使用帶引號替代雙引號 
24   "prettier.singleQuote": true,
25   //  #讓函數(名)和后面的括號之間加個空格
26   "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
27   // #這個按用戶自身習慣選擇 
28   // "vetur.format.defaultFormatter.html": "js-beautify-html",
29   // #讓vue中的js按編輯器自帶的ts格式進行格式化 
30   "vetur.format.defaultFormatter.js": "vscode-typescript",
31   "vetur.format.defaultFormatterOptions": {
32     "js-beautify-html": {
33       "wrap_attributes": "force-aligned"
34       // #vue組件中html代碼格式化樣式
35     }
36   },
37   // 格式化stylus, 需安裝Manta's Stylus Supremacy插件
38   "stylusSupremacy.insertColons": false, // 是否插入冒號
39   "stylusSupremacy.insertSemicolons": false, // 是否插入分好
40   "stylusSupremacy.insertBraces": false, // 是否插入大括號
41   "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否換行
42   "stylusSupremacy.insertNewLineAroundBlocks": false,
43   "editor.codeActionsOnSave": {
44     "source.fixAll.eslint": true
45   } // 兩個選擇器中是否換行
46 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM