使用nuxt.js构建一个vue项目
简述过程:
- 使用nuxt2.0官方脚手架,先全局安装npx,输入
npm i -g npx
- 切换至创建项目的路径,输入
npx create-nuxt-app ’项目名称‘
- 回车后,会出现一些配置项,可集成koa,elementUI等模块,按需选择Y或者N即可。
补充:
- 有时可能需要输入npm i --update-binary,以杜绝编译时node版本的一些隐患
npm i --update-binary
- 若需使用css预处理器(如:sass/scss/less),则需要安装预处理器相关插件,以sass为例:
npm i sass-loader node-sass --save-dev
注意:
npm在安装过程中的警告⚠️或错误,如果某个包出现requires a peer of字样,则需要按照提示安装相关依赖包
过程示例:
- 创建项目:
npx create-nuxt-app ’项目名称‘
- 选择各个配置项:
- 成功如下图:
- 进入项目文件夹
cd '项目名称'
5. 运行项目
npm run dev