六月 11, 2018 | 前端與Vue
步驟1、2、3,安裝Nuxt超簡單!
Nuxt是什麼?要怎麼開始?跟著HelloSanta,只要3步驟!安裝Nuxt超輕鬆!
Nuxt是什麼?
Nuxt是基於Vue.js的框架 裡面已經幫你弄好了Vue、Webpack、Vue-loader、babel-loader 你只要使用他就可以。 沒錯、就是這麼簡單!
第一步 - 安裝Vue-Cli
npm install -g vue-cli
第二步 - 安裝模版
vue init nuxt-community/starter-template [專案名稱]
完成 之後進入專案資料夾
cd [專案名稱]
裡面把需要的相依套件裝起來
npm install
運行
由於NUXT會監聽pages目錄裡面的文件變動,只要有更動就會自動刷新頁面
npm run dev
第三步 - 安裝NUXT
npm install --save nuxt
安裝好了以後就可以用npm run dev
運行
接下來就可以進入localhost:3000來觀看剛剛安裝好的模版囉!