色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

vue-cli4項目開啟eslint保存時自動格式問題

瀏覽:3日期:2023-01-08 10:47:24

最近新建一個vue-cli4的項目,初始化的時候沒開啟eslint,后面想開啟的時候不好配置,這里就做個開啟eslint和保存時自動修復格式的總結

vscode首先安裝eslint插件

vue-cli4項目開啟eslint保存時自動格式問題

配置vscode的自動保存eslint格式

Ctrl+shift+p

vue-cli4項目開啟eslint保存時自動格式問題

把下面代碼復制到里面

'editor.tabSize': 2, 'eslint.alwaysShowStatus': true, 'eslint.autoFixOnSave': true, 'eslint.packageManager': 'yarn', 'eslint.validate': [ 'javascript', // 用eslint的規則檢測js文件 { 'language': 'js', 'autoFix': true }, { 'language': 'vue', 'autoFix': true }, ], 'eslint.options': { 'extensions': [ '.js', '.vue' ]}, 'editor.codeActionsOnSave': { 'source.fixAll.eslint': true }, 'eslint.run': 'onSave', 'files.autoSaveDelay': 3000, 'eslint.codeAction.disableRuleComment': { }, 'files.autoSave': 'off',

項目中安裝eslint

在package.json文件中的devDependencies里面添加

'@vue/cli-plugin-eslint': '~4.4.0','babel-eslint': '^10.1.0', 'eslint': '^6.7.2', 'eslint-plugin-vue': '^6.2.2',

vue.config.js文件里面lintOnSave改成'warning'

根目錄添加eslint配置文件.eslintrc.js

vue-cli4項目開啟eslint保存時自動格式問題

內容根據需要修改

module.exports = { 'root': true, 'env': { 'node': true }, 'extends': [ 'plugin:vue/recommended', 'eslint:recommended' ], 'rules': { 'indent': ['error', 2], 'dot-location': [ 2, 'property' ], 'comma-spacing': [1], 'space-before-blocks': [ 2, 'always' ], // 強制在塊之前使用一致的空格 'space-unary-ops': [ 2, { 'words': true, 'nonwords': false } ], // 強制在一元操作符前后使用一致的空格 'array-bracket-spacing': [ 2, 'never' ], // 強制數組方括號中使用一致的空格 'quotes': [ 0, 'double' ], // 強制使用一致的反勾號、雙引號或單引號 'arrow-spacing': [ 2, { 'before': true, 'after': true } ], 'vue/max-attributes-per-line':0, 'no-var': 2, //禁用var,用let和const代替 'no-mixed-spaces-and-tabs': 2, // 禁止空格和 tab 的混合縮進 'no-trailing-spaces': 1, // 禁用行尾空格 'no-unexpected-multiline': 2, // 禁止出現令人困惑的多行表達式 'no-unused-vars': [ 2, { 'vars': 'all', 'args': 'none' } ], // 禁止出現未使用過的變量 'vue/html-indent': [ 0, 'tab' ], 'vue/html-self-closing': [0], 'vue/multiline-html-element-content-newline': [0], 'vue/singleline-html-element-content-newline':[0], 'vue/html-closing-bracket-newline':[0], 'vue/no-v-html': [0] }, 'parserOptions': { 'parser': 'babel-eslint' }}

到此這篇關于vue-cli4項目開啟eslint保存時自動格式問題的文章就介紹到這了,更多相關vue-cli4項目開啟eslint內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: Vue
相關文章:
主站蜘蛛池模板: 免费人成观看在线网 | 手机国产日韩高清免费看片 | 国产成人精品亚洲2020 | 亚洲国产精品自在现线让你爽 | 久久影院国产 | 国产成人毛片毛片久久网 | 亚洲精品成人一区二区 | 亚洲综合精品一区二区三区中文 | 九九色网 | 一级毛片a免费播放王色 | freese×video性欧美丝袜 | 2021国产精品一区二区在线 | 国产老鸭窝毛片一区二区 | 欧美特黄一区二区三区 | 免费看一级欧美毛片视频 | 亚洲99在线的 | 国产成人毛片 | a亚洲天堂 | 欧日韩视频777888 | 一级一级一片免费 | 国产成人精品免费视频大 | 久久91精品国产91久久跳舞 | 香蕉福利久久福利久久香蕉 | 日本韩经典三级在线播放 | 91视频天堂 | 国产成人综合高清在线观看 | 国产农村一二三区 | 99精品视频在线 | 欧美性猛交xxxxxxxx软件 | 欧美黑大粗硬毛片视频 | 国产精品一区二区综合 | 香蕉视频老司机 | 美女张开大腿让男人捅 | 亚洲男同视频网站 | 国产高清美女一级毛片久久 | a毛片视频| 欧美xxx精品| 国产伦精品一区三区视频 | 成人影院一区二区三区 | 日韩欧美国产一区二区三区 | 国产黄色小视频 |