六月 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來觀看剛剛安裝好的模版囉!

參考文件

官方文件