eslint配置
全域性安裝eslint
看控制檯輸出什麼錯
報的錯千奇百怪的,不過百度後很好解決,下面附上我的eslint配置
{
“editor.tabSize”: 2,
"prettier.singleQuote": true,
"prettier.semi": false, //分號結尾
"prettier.useTabs": true,
"prettier.vueIndentScriptAndStyle": true, // 視區寬度 換行
"prettier.arrowParens": "avoid", // (x) => {} 箭頭函式引數只有一個是否要有小括號。avoid:省略括號
"vetur.format.defaultFormatter.html": "prettier",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
// force-aligned | force-expand-multiline
"wrap_attributes": "force-aligned" // - auto: 僅在超出行長度時才對屬性進行換行。 // - force: 對除第一個屬性外的其他每個屬性進行換行。 // - force-aligned: 對除第一個屬性外的其他每個屬性進行換行,並保持對齊。 // - force-expand-multiline: 對每個屬性進行換行。 // - aligned-multiple: 當超出折行長度時,將屬性進行垂直對齊。
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": true,
"sortAttributes": true
},
"prettier": {
"semi": false,
"singleQuote": true
}
},
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"vetur.validation.template": false,
"eslint.options": {
"plugins": ["html"]
},
"eslint.nodePath": "D:\\Program Files\\nodejs\\node_global\\node_modules",
"eslint.validate": ["javascript", "javascriptreact", "vue", "html"],
"explorer.confirmDelete": false,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"git.suggestSmartCommit": false,
// "workbench.colorTheme": "SynthWave '84",
// "workbench.preferredDarkColorTheme": "SynthWave '84",
// "workbench.iconTheme": "material-icon-theme",
"window.zoomLevel": 1.2,
// "workbench.startupEditor": "newUntitledFile"
}
相關文章
- uniapp 配置eslint + prettierAPPEsLint
- AlloyTeam ESLint 配置指南EsLint
- webstorm中配置eslint+prettierWebORMEsLint
- ESLint: 規則配置覆蓋EsLint
- Vue eslint 程式碼檢查配置VueEsLint
- 十分鐘瞭解eslint配置 && 編寫自定義eslint規則EsLint
- 如何在react專案中配置ESlintReactEsLint
- 記一次eslint規則配置EsLint
- vscode踩坑之配置eslintVSCodeEsLint
- Vue3專案配置 eslint + prettierVueEsLint
- vscode eslint配置與安裝VSCodeEsLint
- 【vue系列】 vue2.0 專案配置 ESLintVueEsLint
- vue-cli3的eslint配置問題VueEsLint
- ESLint可共享配置釋出,團隊自定義ESLint規則新鮮出爐EsLint
- eslint-config-alloy配置個性化ESLint規則的最佳參考EsLint
- webstrom配置一鍵修復ESLint的報錯WebEsLint
- 前端開發好幫手,eslint配置全知道前端EsLint
- vscode-settings.json配置(prettier + eslint)VSCodeJSONEsLint
- Eslint 在phpstrom/Webstrom 中配置自動修復EsLintPHPWeb
- 前端系列——React開發必不可少的eslint配置前端ReactEsLint
- EsLintEsLint
- vue-cli3專案配置eslint程式碼規範VueEsLint
- emacs配置eslint 語法檢查.找不到node解決MacEsLint
- Sublime Text 中配置 Eslint 程式碼檢查和自動修復EsLint
- eslint配置首行縮排兩個空格,export default不頂格EsLintExport
- 玩轉EsLintEsLint
- eslint總結EsLint
- ESLint - 簡介EsLint
- VUE使用ESLintVueEsLint
- 快速用上 ESLintEsLint
- ESlint規則EsLint
- eslint 當前檔案 不校驗 /* eslint-disable */EsLint
- 深入淺出eslint——關於我學習eslint的心得EsLint
- ESLint 使用指南EsLint
- eslint 校驗去除EsLint
- webpack + react 使用 eslintWebReactEsLint
- webstorm關閉ESLintWebORMEsLint
- 配置 ESLint 自動格式化自閉合標籤(Self closing tag)EsLint