Vue2+Nuxt2 从 0 到1 搭建官网

想简单开发一个官网，并且支持SEO搜索，在熟悉Vue的基础上，Nuxt.js便是不二选择了。

安装，运行 create-nuxt-app

npx create-nuxt-app <项目名>

项目名称 默认回车就好

我选择的JavaScript

我选择的yarn

是否选用UI框架

按空格键，选择你要选择的项

校验

测试框架 ，默认回车

渲染方式 ，默认回车

部署目标 ，默认回车

开发工具，建议选择第一个vs code

最后

To get started:

	cd nuxt-demo
	yarn dev

To build & start for production:

	cd nuxt-demo
	yarn build
	yarn start

其实到这里已经可以正常运行了，但是如果我们用到scss的话，竟然会有如下报错

原因便是 node-sass 与 sass-loader版本太高导致的，重新下载一下就OK了

node-sass 问题

卸载安装包

//卸载安装包
npm uninstall node-sass sass-loader  

注意：如果你将安装的包作为 “devDependency”（也就是通过 --save-dev 参数保存的），那么 --save 无法将其从 package.json 文件中删除。所以必须通过 --save-dev 参数可以将其卸载。

当然我更推荐直接删除node_modules文件

下载指定版本

cnpm i --save node-sass@4.14.1  sass-loader@10.0.2

package.json 最终样子

"dependencies": {
    ...
    "node-sass": "^4.14.1",
    "sass-loader": "^10.0.2"
    ...
 }