一粟焊、前提
1.使用vue-cli的目的是神魔孙蒙?-------答:結(jié)合webpack或者webpack-simple,為vue項(xiàng)目提供一套統(tǒng)一的目錄結(jié)構(gòu)
2.vue是神魔香追?----答:是一套工具(是為vue項(xiàng)目生成一套統(tǒng)一目錄結(jié)構(gòu)的工具)
3.vue簡(jiǎn)單介紹翅阵!
答:①vue-cli是vue官網(wǎng)提供的工具迁央,和vue項(xiàng)目功能沒(méi)有關(guān)系
②vue-cli是一個(gè)全局的命令行工具,需要全局安裝岖圈。
③在vue官網(wǎng)中--生態(tài)系統(tǒng)--工具--vue cli可以查看具體的內(nèi)容(https://cli.vuejs.org/zh/guide/)
④關(guān)于vue-cli的安裝的解釋
? ? ? 1.安裝node(注:node版本為8.9+,為神魔安裝node顽决?---答:vue是基于node開(kāi)發(fā)的)
? ? ? ?2.在cmd中通過(guò)npm i -g @vue/cli命令行安裝(安裝的是最新版本的穩(wěn)定版3+)
? ? ? ?3.通過(guò)vue --version檢查vue版本(安裝成功就可以在cmp中使用vue指令了)
? ? ? ?4.如果希望在3的版本中使用 2版本的指令才菠,需要用下面語(yǔ)句做一下橋接
? ? ? ? ?npm install -g @vue/cli-init(原因:vue-cli 3和2的指令是不一樣的)
二、.vue-cli+webpack-simple搭建一個(gè)項(xiàng)目
1.在準(zhǔn)備放置項(xiàng)目的目錄下赋访,打開(kāi)cmd
2.輸入命令?vue init webpack-simple 項(xiàng)目名稱(chēng)? ?或者 ?vue init webpack 項(xiàng)目名稱(chēng) ?等待生成蚓耽。
安裝成功,那么項(xiàng)目名签杈,描述鼎兽、模板為(webpack和webpack-simple自己選擇)等自己根據(jù)需求填寫(xiě)。
注:使用veu-cli的指令踢涌,初始化某個(gè)模板的vue項(xiàng)目(不同的項(xiàng)目有不同的模板--此處使用webpack-simple為例)
操作結(jié)果:項(xiàng)目目錄
3.接著運(yùn)行 cd project(進(jìn)入你的項(xiàng)目目錄下)序宦,npm install(初始化項(xiàng)目互捌,安裝項(xiàng)目需要的各種包)行剂,npm run dev(運(yùn)行項(xiàng)目),
運(yùn)行之后的目錄:
4.運(yùn)行結(jié)果:
參考內(nèi)容:https://blog.csdn.net/qq_35574915/article/details/76060997