为uniapp项目系统设计基于airbnb风格的Eslint代码检查规则

n? ... > JavaScript YAML JSON

日后一并不需要选择一种package文件传输，因为工程项目是引入 pnpm 创始人的，我们就选择 pnpm ;

? Which package manager do you want to use? ... npm yarn> pnpm

年中等待依赖包配备顺利进行，顺利进行配备即会在工程项目exe下转换成一个 .eslintrc.js 档案。

3、配备

引入webstorm的时在，并不需要在设置之前带入一下Eslint

webstorm带入Eslint

带入再次，终于锁上App.vue档案，推测Eslint已经检验出来弊端

因为我们在上一节之前配备了操作者引入，此处就很难引入 ref 和 onLaunch，现在我们来解决这个弊端；

首先锁上 vite.config.ts 档案，在 AutoImport 里面自组下列预定义：

eslintrc: { enabled: true, filepath: '.eslintrc-auto-import.json', globalsPropValue: true,},

原始预定义如图表：

我们推测 vite.config.ts 里面也出现了弊端，我们先不管他，终端设备运行 pnpm dev:mp-weixin，之即会推测，工程项目exe转换成了一个 .eslintrc-auto-import.json 档案：

现在将这个档案轨迹自组到 .eslintrc.js 的 extends 配备项里面，同时把 extends 之前其它几个配备替换成如下表的预定义；

module.exports = { env: { browser: true, es2021: true, }, extends: [ // 'plugin:vue/essential', 'plugin:@typescript-eslint/recommended', 'plugin:vue/vue3-recommended', 'airbnb-base', '.eslintrc-auto-import.json', // 此处自组 ], parserOptions: { ecmaVersion: 'latest', parser: '@typescript-eslint/parser', sourceType: 'module', }, plugins: [ 'vue', '@typescript-eslint', ], rules: {},};

终于锁上 App.vue 档案，推测之前的错误已经被修复了：

我们在里面写上一个 uni.showToast()，uni 这个都可又上会了很难引入：

在 .eslintrc.js 之前自组后面的配备即可

module.exports = { // 自组 globals 配备 globals: { uni: 'readonly', defineProps: 'readonly', defineEmits: 'readonly', defineExpose: 'readonly', withDefaults: 'readonly', }, env: { browser: true, es2021: true, }, extends: [ 'plugin:@typescript-eslint/recommended', 'plugin:vue/vue3-recommended', 'airbnb-base', '.eslintrc-auto-import.json', ], parserOptions: { ecmaVersion: 'latest', parser: '@typescript-eslint/parser', sourceType: 'module', }, plugins: [ 'vue', '@typescript-eslint', ], rules: {},};

配备好再次，vite.config.ts 里面已经显示正常，后面是原始的 .eslintrc.js 配备，自组了一些规则(rules配备项)，这里可以根据自己喜好并联结 Eslint 官方网站文档进行配备；

module.exports = { globals: { uni: 'readonly', defineProps: 'readonly', defineEmits: 'readonly', defineExpose: 'readonly', withDefaults: 'readonly', }, env: { browser: true, es2021: true, }, extends: [ 'plugin:@typescript-eslint/recommended', 'plugin:vue/vue3-recommended', 'airbnb-base', '.eslintrc-auto-import.json', ], parserOptions: { ecmaVersion: 'latest', parser: '@typescript-eslint/parser', sourceType: 'module', }, plugins: [ 'vue', '@typescript-eslint', ], rules: { camelcase: 'off', '@typescript-eslint/no-var-requires': 'off', '@typescript-eslint/no-explicit-any': 'off', '@typescript-eslint/no-empty-function': 'off', 'import/extensions': 'off', 'import/no-unresolved': 'off', 'import/no-extraneous-dependencies': 'off', 'import/no-cycle': 'off', 'import/prefer-default-export': 'off', 'no-unused-expressions': 'off', 'no-return-assign': 'off', 'no-eval': 'off', 'no-new': 'off', 'no-shadow': 'off', 'no-param-reassign': 'off', 'no-plusplus': 'off', 'no-unsafe-optional-chaining': 'off', 'prefer-promise-reject-errors': 'off', semi: ['error', 'never'], 'vue/multi-word-component-names': 'off', 'vue/max-attributes-per-line': [2, { singleline: 10, multiline: 1 }], 'vue/html-closing-bracket-newline': ['error', { singleline: 'never', multiline: 'never', }], 'vue/html-closing-bracket-spacing': ['error', { startTag: 'never', endTag: 'never', selfClosingTag: 'always', }], },}

在工程项目exe创始人一个 .eslintignore 档案，忽略掉一些不并不需要语法检验的目录或档案，如：

/node_modules/src/uni_modules

好了，本篇关于uniapp工程项目配备 Eslint 到这里就结束了，个人观点：如果时在们习惯引入HbuilderX开发新的话，是不建议配备操作者引入和Eslint的，HbuilderX 的 Eslint 检验现今还不是十分友好。

很难听过上一篇的时在可从这里查看：创始人uni-app + Vue3工程项目并配备操作者引入

。

云南皮肤病医院排行
宝宝厌食不爱吃饭怎么办
重庆包皮过长治疗医院
泉州白癜风医院排行
沈阳妇科检查
嘴唇长痘
月经量少
解毒药
咳嗽黄痰吃什么止咳化痰
风热感冒咳嗽吃什么好的快