【一、 nuxt 安裝】
首先,在使用npm前你需要安裝Node到系統中
然後,按照下面的步驟進行安裝
1.用npm來安裝vue-cli這個框架,如果你已經安裝過了,可以省略這步。
npm install vue-cli -g
根據你的網路環境不同,安裝的速度不同,如果你的網路環境實在不好,可以考慮使用cnpm來進行安裝。(在實際開發中我會盡量避免使用cnpm來進行安裝,因為會出現一些未知的錯誤。)安裝完成後可以使用vue -V 來測試是否安裝成功。(注意:這裡要使用大寫的V,小寫無效)。
2.使用vue安裝 nuxt
安裝好vue-cli後,就可以使用init命令來初始化Nuxt.js專案。
vue init nuxt/starter
這時候他會在github上下載模版,然後會詢問你專案的名稱叫什麼,作者什麼的,這些完全可以根據自己的愛好填寫。
3.使用npm install安裝依賴包
npm install
這個過程是要等一會的,如果你這個過程安裝失敗,你可以直接誒刪除專案中的node_modules資料夾後,重新npm install進行安裝。
4.使用npm run dev 啟動服務
npm run dev
5.在瀏覽器輸入 localhost:3000,可以看到結果。
Hello World
在專案根目錄下找到/pages/index.vue檔案,然後把專案名稱改寫成Hello World。框架支援熱更新,所以你不用重新整理就自動更新了。