說到門戶項目一般都會考慮到服務端渲染，即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 文件用於描述應用的依賴關係和對外暴露的腳本接口。