在這里我們需要首先下載node，因?yàn)槲覀円玫絥pm包下載，是基于node的

廢話不多說，我們直接進(jìn)入正題

下載node，同時(shí)需要下載git，以后我們就在git上輸入命令來搭建我們的vue環(huán)境

git用的是linux命令

不要問為什么，能用就行，你說是不是？

windows系統(tǒng)，下載完git以后我們?cè)僮烂嬗覔羰髽?biāo)會(huì)看到git Bash，點(diǎn)開它，然后就打開了git，

git有很多功能，同時(shí)git可以往github上push你的文件，github是一個(gè)很不錯(cuò)的倉(cāng)庫(kù)管理工具哦

好，我們直接開始，打開git之后會(huì)顯示

然后我們執(zhí)行npm install webpack

就會(huì)自動(dòng)下載webpack最新版本了

在這里我們直接進(jìn)入正題，怎么使用vue-cli搭建vue的開發(fā)環(huán)境

在這里我們需要全局安裝vue-cli

在git里執(zhí)行npm install vue-cli -g  安裝vue命令環(huán)境

執(zhí)行vue --verson查看是否安裝成功，

顯示vue的版本，就是安裝成功了

這樣就是全局安裝了

現(xiàn)在我們?cè)倜钚休斎?code>vue init webpack-simple<模板名，就是你的項(xiàng)目的名稱>，

在這里我們用webpack-simple搭建，因?yàn)樗麤]有嚴(yán)格的規(guī)范，相對(duì)于大多數(shù)程序員來說比較好，他與webpack的區(qū)別在這里我就不細(xì)說了，如果需要的話大家可以在下面留言，我們給大家分享

在這里我的項(xiàng)目名稱為myvue

所以我執(zhí)行vue init webpack-simple myvue

桌面會(huì)有一個(gè)myvue的文件夾

我們執(zhí)行cd myvue進(jìn)入到我們的項(xiàng)目下

會(huì)發(fā)現(xiàn)文件夾下會(huì)有這些文件，這就是vue-cli自動(dòng)為我們搭建的環(huán)境了

我們執(zhí)行npm install

這時(shí)候我們需要等待一小會(huì)，npm在為我們下載基于node的一些文件，

然后你會(huì)發(fā)現(xiàn)多了一個(gè)node——modules文件，里面是node的一些模塊

然后我們?cè)倜钚袌?zhí)行npm run dev

vue自動(dòng)打開了瀏覽器，運(yùn)行了此vue項(xiàng)目

這樣，我們使用vue-cli搭建vue的開發(fā)環(huán)境就算成功了，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家的支持！

最新評(píng)論