说到门户项目一般都会考虑到服务端渲染，即SSR，以及前台和后台管理之类的事情，下面就是我们门户项目的开发过程：门户前台项目：
- 项目架构搭建：这里我们使用vue的nuxt来创建项目
确保安装了npx（npx在NPM版本5.2.0默认安装了）：
$ npx create-nuxt-app <项目名>
它会让你进行一些选择:
当运行完时，它将安装所有依赖项，因此下一步是启动项目:
$ cd <project-name>
$ npm run dev
应用现在运行在 http://localhost:3000 上运行。
项目目录结构：
资源目录 assets 用于组织未编译的静态资源如 LESS、SASS 或 JavaScript。
组件目录 components 用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件，即这些组件不会像页面组件那样有 asyncData 方法的特性。
- 在集成的服务器端框架之间进行选择:
- 选择您喜欢的UI框架:
- 选择您喜欢的测试框架:
- 选择你想要的Nuxt模式 (
UniversalorSPA) - 添加 axios module 以轻松地将HTTP请求发送到您的应用程序中。
- 添加 EsLint 以在保存时代码规范和错误检查您的代码。
- 添加 Prettier 以在保存时格式化/美化您的代码。
布局目录 layouts 用于组织应用的布局组件。
中间件 middleware 目录用于存放应用的中间件。
页面目录 pages 用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。
插件目录 plugins 用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。
静态文件目录 static 用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。 服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下。
状态树 store 目录用于组织应用的 Vuex 状态树 文件。 Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置，在 store 目录下创建一个 index.js 文件可激活这些配置。
nuxt.config.js 文件用于组织Nuxt.js 应用的个性化配置，以便覆盖默认配置。
package.json 文件用于描述应用的依赖关系和对外暴露的脚本接口。