安裝nuxt模板
$ vue init nuxt-community/starter-template <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
資源目錄
assets 用于組織未編譯的靜態(tài)資源如 LESS延刘、SASS 或 JavaScript嘿期。
組件目錄
components 用于組織應(yīng)用的 Vue.js 組件。Nuxt.js 不會(huì)擴(kuò)展增強(qiáng)該目錄下 Vue.js 組件,即這些組件不會(huì)像頁面組件那樣有 asyncData 方法的特性。
布局目錄
布局目錄 layouts 用于組織應(yīng)用的布局組件募胃。該目錄名為Nuxt.js保留的,不可更改畦浓。
中間件目錄
middleware 目錄用于存放應(yīng)用的中間件痹束。
頁面目錄
頁面目錄 pages 用于組織應(yīng)用的路由及視圖。Nuxt.js 框架讀取該目錄下所有的 .vue 文件并自動(dòng)生成對(duì)應(yīng)的路由配置讶请。該目錄名為Nuxt.js保留的祷嘶,不可更改。
插件目錄
插件目錄 plugins 用于組織那些需要在 根vue.js應(yīng)用 實(shí)例化之前需要運(yùn)行的 Javascript 插件夺溢。
靜態(tài)文件目錄
靜態(tài)文件目錄 static 用于存放應(yīng)用的靜態(tài)文件论巍,此類文件不會(huì)被 Nuxt.js 調(diào)用 Webpack 進(jìn)行構(gòu)建編譯處理。 服務(wù)器啟動(dòng)的時(shí)候企垦,該目錄下的文件會(huì)映射至應(yīng)用的根路徑 / 下环壤。
Store 目錄
store 目錄用于組織應(yīng)用的 Vuex 狀態(tài)樹 文件晒来。 Nuxt.js 框架集成了 Vuex 狀態(tài)樹 的相關(guān)功能配置钞诡,在 store 目錄下創(chuàng)建一個(gè) index.js 文件可激活這些配置。
nuxt.config.js 文件
nuxt.config.js 文件用于組織Nuxt.js 應(yīng)用的個(gè)性化配置湃崩,以便覆蓋默認(rèn)配置荧降。
package.json 文件
package.json 文件用于描述應(yīng)用的依賴關(guān)系和對(duì)外暴露的腳本接口。