Nuxt脚手架配置eslint
来源:6-1 环境准备与项目安装

DAWN1218
2019-05-26
老师,你好
目前版本的Nuxt脚手架在生成项目时没有eslint的选项,自己配置的话要如何操作呢?我尝试把模板方式中的eslint文件拿过来但是有一大堆报错。
2回答
-
慕粉3599326
2019-06-20
1、ESlint的单独安装和使用
yarn add -D @vue/eslint-config-standard
or
npm install @vue/eslint-config-standard
.eslintrc.js代码:
module.exports = {
root: true,
env: {
node: true
},
extends: ['plugin:vue/essential', '@vue/standard'],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
},
parserOptions: {
parser: 'babel-eslint'
}
}
要安装的eslint插件(版本参照实际需求变更)
"babel-eslint": "^10.0.1",
"eslint": "^5.16.0",
"eslint-loader": "^2.1.2",
"eslint-plugin-node": "^9.1.0",
"eslint-plugin-vue": "^5.2.2"
注意,以上仅限一个参考,因为可能还需要对编辑器进行设置以便按照eslint的规范格式化代码。如过于耽误时间,建议按照老师指定版本操作或是不安装eslint,重要的是学习vue,切勿本末倒置。
012019-06-30 -
快乐动起来呀
2019-05-26
咱们课程有说明用指定版本哈,自己折腾新版本会比较累,而且和视频不一致的地方比较多,不建议这么做
012019-11-22
相似问题