使用nuxt.js构建一个vue项目

使用nuxt.js构建一个vue项目

简述过程：

1. 使用nuxt2.0官方脚手架，先全局安装npx，输入

npm i -g npx

2. 切换至创建项目的路径，输入

npx create-nuxt-app ’项目名称‘

3. 回车后，会出现一些配置项，可集成koa，elementUI等模块，按需选择Y或者N即可。

补充：

1. 有时可能需要输入npm i --update-binary，以杜绝编译时node版本的一些隐患

npm i --update-binary

2. 若需使用css预处理器（如：sass/scss/less），则需要安装预处理器相关插件，以sass为例：

npm i sass-loader node-sass --save-dev

注意：
npm在安装过程中的警告⚠️或错误，如果某个包出现requires a peer of字样，则需要按照提示安装相关依赖包

过程示例：

1. 创建项目：

npx create-nuxt-app ’项目名称‘

2. 选择各个配置项：
   
3. 成功如下图：
   
4. 进入项目文件夹

cd '项目名称'

5. 运行项目

npm run dev