Vue實戰Vue-cli項目構建(Vue+webpack系列之一)

用Vue比較長一段時間了,大大小小做了一些項目,最近想總結一下知識點,出一個Vue+webpack系列,先從項目構建說起——vue-cli.

由于是Vue+webpack這里就不贅述git那些東西,默認環境都配置好了。

第一步先建立一個文件夾我這里是apronew;

第二步在文件夾里面打開git bash,然后敲命令行npm install --global vue-cli,全局安裝 vue-cli,如果已經全局安裝可不用再裝一次;

第三步: 第二步成功之后,創建一個基于 webpack 模板的新項目敲命令行: vue init webpack test-vue-cli

 當完成第三步,進入到新init的文件夾此時是這樣的

 

第四步:安裝依賴包,用命令行npm install(這里推薦用cnpm淘寶鏡像,比較快)

安裝過程是這樣的

安裝成功是這樣的

此時就可以進行最后一步跑起來啦;

第五步:npm run dev;(至于為什么是run dev 以及這個命令行敲完干了些什么日后再補上)

如果有依賴沒安裝上,這一步會有報錯,繼續安裝一下響應的依賴就行了;出現以下狀態就表示大功告成啦!

 

用Vue 腳手架構建項目結束!

 

來源:itnose

上一篇: canvas學習總結三:繪制虛線

下一篇: 每天一個JS 小demo之滑屏幻燈片。主要知識點:event

分享到: 更多
打炸金花技巧 四川时时平台哪个好 快三大小单双玩法 财富来3d六码复式 龙虎游戏斗下载 安徽时时快3开奖 天津时时的官网开奖结果 北京pk赛车开奖结果 pk10预测在线网页 福建时时讨论群 新时时什么时候开奖 快乐时时开奖查询 新时时历史开奖记录 七乐彩开奖的时间 双式投注 单双十期倍投稳赚方案