組件化開發、先後端分離思想貫穿在現今前端開發中。使用vue(SPA)確實極大的優化咱們的開發體驗和產品性能。可是對於網站這種須要搜索引擎爬取(seo),增長瀏覽量、增長權重的項目。SPA是不利於爬蟲抓取項目(由於在爬蟲抓完以後,js才加載,dom才渲染)。html
不用等待全部js下載完畢並執行,纔開始服務器渲染。所以會得到更好的用戶體驗。前端
若是感受是不少不熟悉的名詞,不要感到很困難,能夠經過引入一個基本的小項目上手練習。慢慢就都吸取了。後文提供項目地址,以及分析。vue
若是熟悉自行跳過。看項目初始ios
必看文檔。讀一遍後,查找便可。es6
- vue 官方2.0中文文檔:cn.vuejs.org/v2/guide/
- nuxt 中文api文檔 :zh.nuxtjs.org/api
- express 中文api文檔: expressjs.jser.us/3x_zh-cn/ap…
瞭解文章。讀一遍web
- 前端seo知識:
- imweb.io/topic/56829… (前端寫頁面注意)
- www.rapospectre.com/blog/38 (詳細分析)
直接使用vue init引入express
vue init nuxt-community/express-template <project-name>
cd <project-name> # 移動到項目目錄
npm install # or yarn install複製代碼
項目運行npm
$ npm install # Or yarn install
# 服務熱加載在 localhost:3000
$ npm run dev # server下的index能夠改變端口
# 正式構建
$ npm start複製代碼
建議同時與nuxt文檔一塊兒,使用更佳。
json![]()
項目結構