vue-ssr服務(wù)端渲染框架Nuxt.js

安裝nuxt模板

$ vue init nuxt-community/starter-template <project-name>
$ cd <project-name>
$ npm install
$ npm run dev

打開http://localhost:3000/

image.png

資源目錄

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ì)外暴露的腳本接口。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末攒读,一起剝皮案震驚了整個(gè)濱河市朵诫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌薄扁,老刑警劉巖剪返,帶你破解...
    沈念sama閱讀 212,294評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異邓梅,居然都是意外死亡脱盲,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,493評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門日缨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來钱反,“玉大人,你說我怎么就攤上這事∶娓纾” “怎么了哎壳?”我有些...
    開封第一講書人閱讀 157,790評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長尚卫。 經(jīng)常有香客問我归榕,道長,這世上最難降的妖魔是什么吱涉? 我笑而不...
    開封第一講書人閱讀 56,595評(píng)論 1 284
  • 正文 為了忘掉前任蹲坷,我火速辦了婚禮,結(jié)果婚禮上邑飒,老公的妹妹穿的比我還像新娘循签。我一直安慰自己,他們只是感情好疙咸,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,718評(píng)論 6 386
  • 文/花漫 我一把揭開白布县匠。 她就那樣靜靜地躺著,像睡著了一般撒轮。 火紅的嫁衣襯著肌膚如雪乞旦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,906評(píng)論 1 290
  • 那天题山,我揣著相機(jī)與錄音兰粉,去河邊找鬼。 笑死顶瞳,一個(gè)胖子當(dāng)著我的面吹牛玖姑,可吹牛的內(nèi)容都是我干的裹驰。 我是一名探鬼主播疮鲫,決...
    沈念sama閱讀 39,053評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼嗦哆!你這毒婦竟也來了符喝?” 一聲冷哼從身側(cè)響起闪彼,我...
    開封第一講書人閱讀 37,797評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎协饲,沒想到半個(gè)月后畏腕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,250評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡茉稠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,570評(píng)論 2 327
  • 正文 我和宋清朗相戀三年描馅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片战惊。...
    茶點(diǎn)故事閱讀 38,711評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡流昏,死狀恐怖扎即,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情况凉,我是刑警寧澤谚鄙,帶...
    沈念sama閱讀 34,388評(píng)論 4 332
  • 正文 年R本政府宣布,位于F島的核電站刁绒,受9級(jí)特大地震影響闷营,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜知市,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,018評(píng)論 3 316
  • 文/蒙蒙 一傻盟、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧嫂丙,春花似錦娘赴、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,796評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至隅肥,卻和暖如春竿奏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背腥放。 一陣腳步聲響...
    開封第一講書人閱讀 32,023評(píng)論 1 266
  • 我被黑心中介騙來泰國打工泛啸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人秃症。 一個(gè)月前我還...
    沈念sama閱讀 46,461評(píng)論 2 360
  • 正文 我出身青樓候址,卻偏偏與公主長得像,于是被迫代替她去往敵國和親伍纫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子宗雇,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,595評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容

  • 實(shí)用框架以及工具 UI組件 開發(fā)框架 實(shí)用庫 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 UI組件 Element-...
    丶溫瞳閱讀 3,013評(píng)論 1 14
  • 目錄 UI組件 開發(fā)框架 實(shí)用庫 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 UI組件 element★13489 ...
    余生社會(huì)閱讀 19,674評(píng)論 7 233
  • 目錄 UI組件 開發(fā)框架 實(shí)用庫 服務(wù)端 輔助工具 應(yīng)用實(shí)例 Demo示例 UI組件 element ★31142...
    吳佳浩閱讀 10,941評(píng)論 1 61
  • 買了去A市的機(jī)票昂芜,起飛時(shí)間是當(dāng)天晚上7點(diǎn)40分莹规。 急急忙忙搭上機(jī)場(chǎng)大巴趕到機(jī)場(chǎng)。 時(shí)間還好還好泌神。 下了大巴良漱,發(fā)現(xiàn)沒...
    流糖閱讀 439評(píng)論 3 10
  • 文/森書 寓言的意義母市,就是將生活中忽略的或習(xí)以為常的事,放大了呈現(xiàn)給你损趋。 00 長角的男人 唐·富爾亨西奧是個(gè)律師...
    森書閱讀 424評(píng)論 15 9