安装// vue-cli 创建nuxt模板项目$ vue init nuxt-community/starter-template <project-name>// 安装依赖项$ cd <project-name>$ npm install// 编译并启动服务$ npm run dev// 打开 http://localhost:3000目录结构assets 需要编译的资源文件，如 JavaScript、SASS、LESS 等。static 不需要编译的静态资源文件，如图片资源。components 顾名思义，存放 *.vue 组件的地方。常规 vue 组件写法。layouts 布局目录，设置布局的地方，其中 <nuxt/> 标签是我们写的页面内容。可用作添加导航栏、底部栏等截面。middleware 中间件目录，所谓中间件，就是在页面与页面跳转中执行的函数方法。如页面跳转时验证用户信息操作。pages 页面目录。重点来了~这就是我们存放展示页面的地方。该目录下的文件会转换成相应的路由路径供浏览器访问。另外呢，该目录下的 *.vue 页面文件中 Nuxt.js 提供了一些特殊的方法用于处理服务器渲染中的事件。page路由、页面plugins 插件目录，像 mint-ui 这种第三方插件就放在这里。插件store vuex 状态管理器目录，如果该目录是空的， Nuxt.js 将不启用 vuex。当我们在该文件夹下创建 index.js 文件后即可使用 vuex 状态管理器nuxt.config.js 该文件是 Nuxt.js 的唯一配置项，之前提过 Nuxt.js 将 Webpack 等一众配置都封装好了，所以如果需要特殊配置，只需要修改该文件来覆盖默认配置即可 API