实习第七天 nuxt.js

01.nuxt是vue的一个基本框架，需要在cmd命令中去创建一个nuxt的项目。
但是用命令

vue init nuxt/starter

来创建nuxt项目有时候创建不了，原因竟是因为，在vue-cli的老版本中，是可以使用 vue init nuxt/starter 进行安装的。但在新版本的vue-cli中不行了！！！

使用官方推荐的npx来安装：
(npm的5.2.x版本后默认安装了npx)

nuxt项目安装
首先，确保您已经安装了 yarn、npx（默认包含在 npm v5.2+ 中）或 npm (v6.1+)。
使用 npx 进行搭建项目：

npm install -g npx
npx create-nuxt-app <项目名>

这个是设置npm的淘宝镜像，保证安装的顺利进行

npm set registry https://registry.npm.taobao.org/

02.后来我发现老板给我的项目，npm的版本需要的比较低，所以，我需要重新去卸载相关的环境，重新去下载之前的老旧版本。
第一步.打开node.js的官网
第二步.选择other download

第三步.选择页面中的previous release

第四步.选择你所需要的版本后，下载msi镜像文件

第五步.进行安装，这里一直选择next

第六步.后来发现npm过高，需要下降版本

npm install [email protected] -g

第七步.后来发现是老板给的项目的package.json。

---

nuxt项目的目录结构：

01.nuxt文件夹是存放开始的页面的。

02.assets文件夹
存放静态资源的
03.components组件
04.layouts 布局
05.middleware 中间件的文件夹
06.node.modules 是运行npm后下载的依赖
07.pages是主要的工作目录，页面主要放在这里
08.pluggins 是存放java插件
09.static 存放图片图表的地方
10.store 存放vuex
11.package.json是vue的配置文件
12.nuxt.config.js 配置文件，优先级高 这里主要是配置html的样式。