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,切勿本末倒置。

0
1
DAWN1218
好的,我试一试,谢谢啦
2019-06-30
共1条回复

快乐动起来呀

2019-05-26

咱们课程有说明用指定版本哈,自己折腾新版本会比较累,而且和视频不一致的地方比较多,不建议这么做

0
1
蓝色的沙漏
怎么指定版本号
2019-11-22
共1条回复

Vue全家桶+SSR+Koa2全栈开发美团网

整合大前端8项技术,全面晋级全栈工程师,毕设/面试作品

2445 学习 · 1638 问题

查看课程