新手模板
為了便于大家快速使用财著,Nuxt.js提供了一個starter 模板泥畅。
下載模板的壓縮包或利用vue-cli安裝使用:
$ vue init nuxt/starter
如果vue-cli沒有安裝, 需先通過npm install -g vue-cli來安裝挖诸。
然后安裝依賴包:
$cd$ npm install
接著通過以下命令啟動項目:
$ npm run dev
應(yīng)用現(xiàn)在運(yùn)行在http://localhost:3000
從頭開始新建項目
如果不使用 Nuxt.js 提供的 starter 模板仰剿,我們也可以從頭開始新建一個 Nuxt.js 應(yīng)用項目日川,過程非常簡單寓盗,只需要1個文件和1個目錄。如下所示:
$ mkdir <項目名>$cd<項目名>
提示: 將 項目名 替換成為你想創(chuàng)建的實(shí)際項目名
新建 package.json 文件
package.json文件用來設(shè)定如何運(yùn)行nuxt:
{"name":"my-app","scripts": {"dev":"nuxt"}}
上面的配置使得我們可以通過運(yùn)行npm run dev來運(yùn)行nuxt扮饶。
安裝nuxt
一旦package.json創(chuàng)建好具练, 可以通過以下npm命令將nuxt安裝至項目中:
npm install --save nuxt
pages 目錄
Nuxt.js 會依據(jù)pages目錄中的所有*.vue文件生成應(yīng)用的路由配置。
創(chuàng)建pages目錄:
$ mkdir pages
創(chuàng)建我們的第一個頁面pages/index.vue:
Hello world!
然后啟動項目:
$ npm run dev
Bingo甜无!現(xiàn)在我們的應(yīng)用運(yùn)行在http://localhost:3000
參見: https://zh.nuxtjs.org/guide/installation/