安装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验证,解决方法都是直接关闭。个人觉得还是挺好用的。
先来看下这个报错:
123
感觉这个并没有什么问题,所以直接关闭掉就行。注意红框的地方,把它写入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
},

其他链接

Nuxt.js搭建个人博客系统