vue-cli3添加eslint配置

1.配置package.json

{"name": "njpuhuiapp","version": "0.1.0","private": true,"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","uat-build": "vue-cli-service build --mode uat","lint": "vue-cli-service lint","lint-fix": "vue-cli-service lint --fix"},"dependencies": {"axios": "^0.18.0","core-js": "^2.6.5","lib-flexible": "^0.3.2","postcss-px2rem": "^0.3.0","qrcodejs2": "^0.0.2","weixin-js-sdk": "^1.4.0-test"},"devDependencies": {"@vue/cli-plugin-babel": "^3.9.0","@vue/cli-plugin-eslint": "^3.9.0","@vue/cli-service": "^3.9.0","babel-eslint": "^10.0.1","compression-webpack-plugin": "^3.0.0","eslint": "^5.16.0","eslint-plugin-vue": "^5.0.0","node-sass": "^4.9.0","sass-loader": "^7.1.0","vue-template-compiler": "^2.6.10"}
}

2.运行命令行

cnpm i

3.在根目录下配置.eslintrc.js

法一【或略一些错误：'no-html2canvas':'off'】

法二【或者代码后加上：//eslint-disable-line】推荐使用第二种

module.exports = {root: true,env: {node: true},'extends': ['plugin:vue/essential','eslint:recommended'],rules: {'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off','no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off','no-html2canvas':'off','no-BMAP_STATUS_SUCCESS':'off',},parserOptions: {parser: 'babel-eslint'}
}

4.自动修复命令

npm run lint-fix

vue-cli3添加eslint配置相关推荐

Vue项目中ESLint配置（VScode）
Vue项目中ESLint配置(VScode) 1.VScode的配置格式化代码 1.1下载eslint插件 1.2配置setting.json 打开左上角文件-首选项-设置,在设置中搜索eslint, ...
Vue CLI3 基本使用配置；
Vue CLI3 开始安装: npm install -g @vue/cli # OR yarn global add @vue/cli 创建一个项目: vue create my-project ...
vue-cli构建的项目手动添加eslint配置
一.package.json里配置添加 1.scripts里添加快捷eslint检查命令 "lint": "eslint --ext .js,.vue src" ...
vue cli3中eslint报错“no-undef“和eslint规则配置
1.出现no-undef报错,是因为eslint的语法检测中不能有未定义的变量,在根目录下的.eslintrc.js的rules{}中添加 'no-undef': 0 之后重启编辑器即可解决. 2 ...
Vue Cli3 添加Loader和plugin
添加loader 在vue.config.js中的chainWebpack中添加配置: chainWebpack: config => {// my-loader为loader的别名,./src ...
vue cli3 添加 px2rem-loader
1.先安装 flexible和 postcss-px2rem npm install lib-flexible --savenpm install postcss-px2rem --save 2.引 ...
vue cli3关闭烦人的eslint 亲测有效
文章目录踩坑前言 vue cli版本 vue cli目录结构 vue cli3关闭eslint正确姿势 vue cli3删除部分eslint配置 vue cli3删除全部eslint配置踩坑前言 ...
Vue cli3使用jQuery控件
背景介绍由于历史遗留问题需要使用之前基于jQuery的代码,其中还用到了一个基于jQuery的多选控件,环境是vue cli3 导入并配置jQuery 首先通过npm导入jQuery npm ins ...
vue cli3.0 引入eslint 结合vscode使用
ESLint 它的目标是提供一个插件化的javascript代码检测工具. 官网地址最近一个项目里,最开始使用cli3.0搭建的时候没有默认选用eslint,导致现在有的人使用其他编辑器,就会出现格 ...

vue-cli3添加eslint配置

vue-cli3添加eslint配置相关推荐

最新文章

热门文章