vue+webpack初體驗

step1:

檢查本地是否安裝node: node -v

沒有安裝先安裝最新的node田盈。

如果已經(jīng)安裝了想要升級罩句,可以先安裝n模塊,用n模塊來升級

安裝n模塊 : ?npm install -g n

升級 n stable

n后面也可以跟版本號更新到指定版本 比如 n v0.10.26

step2:

檢查npm版本 :npm -v

如果版本低可以升級:npm install -g npm

step3:

安裝webpack渡贾,推薦全局安裝:npm install webpack -g

step4:

安裝vue-cl:npm install vue-cli -g

step5: ? ? ? //如果上面的都準備好了扰才,可以把這個當成step1

cd到一個你準備放文件的文件夾

創(chuàng)建項目: vue init webpack 工程名(其中webpack是模板名,有這些模板webpack胸竞,webpack-simple 欺嗤,browserify ,browserify-simple 卫枝,simple煎饼,這里使用webpack作為示例)

接下來會有詢問,默認的直接回車校赤,有要選擇的根據(jù)需要選擇yes或no吆玖。

step6:

已經(jīng)創(chuàng)建了一個工程筒溃,比如叫webapp。

cd到webapp

然后npm install

到這里你的工程就已經(jīng)ok了


如果想在本地運行 : npm run dev (會直接打開localhost沾乘,默認8080端口怜奖,可以更改端口,在config/index.js里面找)

如果想打包 : npm run build (會生成一個dist文件夾翅阵,dist文件夾里面的內容放到服務器就行了)

另外歪玲,需要更改打包資源的目錄的,更改一下config/index.js里面的assetsPublicPath就行了

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末掷匠,一起剝皮案震驚了整個濱河市滥崩,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌讹语,老刑警劉巖钙皮,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異顽决,居然都是意外死亡短条,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進店門才菠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茸时,“玉大人,你說我怎么就攤上這事鸠儿∫傥茫” “怎么了?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵进每,是天一觀的道長。 經(jīng)常有香客問我命斧,道長田晚,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任国葬,我火速辦了婚禮贤徒,結果婚禮上,老公的妹妹穿的比我還像新娘汇四。我一直安慰自己接奈,他們只是感情好,可當我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布通孽。 她就那樣靜靜地躺著序宦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪背苦。 梳的紋絲不亂的頭發(fā)上互捌,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天潘明,我揣著相機與錄音,去河邊找鬼秕噪。 笑死钳降,一個胖子當著我的面吹牛,可吹牛的內容都是我干的腌巾。 我是一名探鬼主播遂填,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼澈蝙!你這毒婦竟也來了吓坚?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤碉克,失蹤者是張志新(化名)和其女友劉穎凌唬,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體漏麦,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡客税,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了撕贞。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片更耻。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖捏膨,靈堂內的尸體忽然破棺而出秧均,到底是詐尸還是另有隱情,我是刑警寧澤号涯,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布目胡,位于F島的核電站,受9級特大地震影響链快,放射性物質發(fā)生泄漏誉己。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一域蜗、第九天 我趴在偏房一處隱蔽的房頂上張望巨双。 院中可真熱鬧,春花似錦霉祸、人聲如沸筑累。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽慢宗。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間婆廊,已是汗流浹背迅细。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留淘邻,地道東北人茵典。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像宾舅,于是被迫代替她去往敵國和親统阿。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,960評論 2 355

推薦閱讀更多精彩內容

  • 本文首發(fā)于TalkingCoder筹我,一個有逼格的程序員社區(qū)扶平。轉載請注明出處和作者。 寫在前面 本文為系列文章蔬蕊,總共...
    Aresn閱讀 4,428評論 0 15
  • 環(huán)境 環(huán)境是windows 结澄,沒辦法公司只有這個環(huán)境 安裝并創(chuàng)建項目 好消息是直接從node 官網(wǎng)就能下載,然后無...
    小妖精的簡書閱讀 605評論 0 1
  • Phoenix默認的打包工具是Brunch岸夯,然而麻献,目前最主流的打包工具肯定要屬Webpack了,Vue官方也支持W...
    時見疏星閱讀 2,753評論 0 8
  • 技術不斷的在變化猜扮,網(wǎng)絡資源也很多勉吻,當然坑也不少。希望能讓大家少走點彎路÷糜現(xiàn)在有很多初始化的庫可以直接使用齿桃,但是感覺...
    RasonWu閱讀 7,520評論 2 5
  • 緣分冥冥之中替我約了你 我們在同一地方不期而遇了兩次 一天有那么多部電影 一部電影有那么多個片場 一個片場有那么多...
    我要很多很多愛閱讀 189評論 0 0