安装Nuxt.js框架,修改配置文件,修改eslint验证。
安装Nuxt.js框架
因为我使用的nodejs+express框架,所以安装的时候不能使用官网首页的那个命令。使用官网首页命令安装的不知道服务器代码写在哪里(其实是我太菜)。
使用下面这个命令安装:
vue init nuxt-community/express-template <project-name>
cd <project-name> # move to your project
npm install # or yarn install
参考:Nuxt-api
然后运行看下效果:
npm run dev
控制台会显示ip地址+端口,复制到浏览器查看即可。
修改package.json
因为每次 npm start 之前总是忘了运行 npm run build 导致 NODE_ENV 状态没有改变,一直是development。找了很久才找到是这个问题。所以集成到一起。scripts配置如下:
"scripts": {
"dev": "backpack dev",
"start": "nuxt build && backpack build && cross-env NODE_ENV=production node build/main.js",
"precommit": "npm run lint",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
},
现在直接执行 npm start 就能直接打包 + 运行了(美滋滋)。
eslint验证
看见很多人都在吐槽eslint验证,解决方法都是直接关闭。个人觉得还是挺好用的。
先来看下这个报错:
感觉这个并没有什么问题,所以直接关闭掉就行。注意红框的地方,把它写入eslint配置里面设置为0或者1就行。
"space-before-function-paren": 0,
再去看一下是不是就不会报错了。其他的报错依次类推。缩进,和分号还有其他比较特殊的除外。按照你自己的喜欢去配置就行。
官方eslint中文规则
附上我的配置:
rules: {
"no-multi-spaces": 0,
"no-tabs": 0,
"indent": [1, "tab"],
"space-before-function-paren": 0,
"generator-star-spacing": 0,
"semi": [1, "always"],
"no-unused-vars": 0,
"no-trailing-spaces": 0,
"no-multiple-empty-lines" : 0,
"space-infix-ops":0,
"eol-last" :0
},