nuxt从开发到部署

https://www.cnblogs.com/zhangshuda/p/8241692.html

Nuxt环境搭建和Hello World

nuxt.js安装

在使用npm前你需要安装node到系统中
1.用npm来安装vue-cli这个框架，如果你已经安装过了，可以省略这这步。

npm install vue-cli -g

这个根据你的网络环境不同，安装的速度不仅相同，如果你的网络环境实在不好，可以考虑使用cnpm来进行安装。（在实际开发中我会尽量避免使用cnpm来进行安装，因为会出现一些未知的错误。）

安装完成后可以用vue -V来测试是否安装成功。(注意：这里要使用大写的V，小写无效）。

2.使用vue安装nuxt
安装好vue-cli后，就可以用init命令来初始化Nuxt.js项目

vue init nuxt/starter

这时候它会在GitHub上下载模板，然后询问你项目的名称叫什么，作者什么的

3.使用npm install安装依赖包

npm install

这个过程是要等一会的，如果你这个过程安装失败，也不要慌张，你可以直接删除项目中的node_modules文件夹后，重新npm install进行安装

4.使用npm run dev启动服务

npm run dev

5.在浏览器输入localhost:3000，可以看到效果

Hello World
在项目根目录下找到/pages/index.vue文件，然后把项目名称改成Hello World。框架支持热更新，所以不用刷新就自动更新了。

总结：注意自己的网络环境，安装失败不要气馁，删除node_modules重新进行安装。