• 這篇文章給大家分享的是創(chuàng)建vue項(xiàng)目的方法，相信大部分人都還沒(méi)學(xué)會(huì)這個(gè)技能，為了讓大家學(xué)會(huì)，給大家總結(jié)了以下內(nèi)容，話不多說(shuō)，一起往下看吧。
• 1，通過(guò)npm命令行創(chuàng)建
• 2，通過(guò)webstorm來(lái)一鍵創(chuàng)建項(xiàng)目

準(zhǔn)備工作

• 1， 我們?cè)趧?chuàng)建項(xiàng)目之前，需要確保nodejs已經(jīng)成功安裝，如果你還沒(méi)有安裝沒(méi)有配置npm全局環(huán)境變量，可以參考 《nodeJs的安裝與npm全局環(huán)境變量的配置》
• 2，由于國(guó)內(nèi)用npm安裝三方依賴時(shí)，速度比較慢，建議大家配置國(guó)內(nèi)鏡像，配置方式如下。只需要在cmd命令行窗口執(zhí)行下面操作即可

npm config set registry https://registry.npm.taobao.org

一，使用命令行的方式創(chuàng)建vue項(xiàng)目

• 1，桌面創(chuàng)建一個(gè)空文件夾，如vue0117 

  成都創(chuàng)新互聯(lián)公司是由多位在大型網(wǎng)絡(luò)公司、廣告設(shè)計(jì)公司的優(yōu)秀設(shè)計(jì)人員和策劃人員組成的一個(gè)具有豐富經(jīng)驗(yàn)的團(tuán)隊(duì)，其中包括網(wǎng)站策劃、網(wǎng)頁(yè)美工、網(wǎng)站程序員、網(wǎng)頁(yè)設(shè)計(jì)師、平面廣告設(shè)計(jì)師、網(wǎng)絡(luò)營(yíng)銷(xiāo)人員及形象策劃。承接：成都網(wǎng)站制作、做網(wǎng)站、網(wǎng)站改版、網(wǎng)頁(yè)設(shè)計(jì)制作、網(wǎng)站建設(shè)與維護(hù)、網(wǎng)絡(luò)推廣、數(shù)據(jù)庫(kù)開(kāi)發(fā),以高性價(jià)比制作企業(yè)網(wǎng)站、行業(yè)門(mén)戶平臺(tái)等全方位的服務(wù)。

  進(jìn)入這個(gè)文件夾，然后在頂部地址欄，輸入cmd，然后回車(chē)鍵即可快速的打開(kāi)dos命令行，并且定位到當(dāng)前目錄。 

• 2，然后執(zhí)行下面命令行，安裝vue-cli。

npm install -g vue-cli 

等待安裝 

安裝完成如下，這里顯示vue-cli的版本號(hào)，即代表安裝完成 

• 3，使用webpack模板創(chuàng)建一個(gè)vue項(xiàng)目

vue init webpack my-project 

如項(xiàng)目名為vue001 

在出現(xiàn)下面幾個(gè)詢問(wèn)項(xiàng)時(shí)，直接按照箭頭所示的操作即可 

下載項(xiàng)目所需類(lèi)庫(kù) 

項(xiàng)目創(chuàng)建完成后，如下 

• 4，cd vue001進(jìn)入項(xiàng)目目錄 

• 5，執(zhí)行 npm install 下載所需類(lèi)庫(kù) 下載中 

  下載完成 

• 6，使用webstorm打開(kāi)項(xiàng)目，點(diǎn)擊file，然后點(diǎn)擊open 

導(dǎo)入剛才創(chuàng)建的vue項(xiàng)目 

• 7，運(yùn)行項(xiàng)目 

  

  項(xiàng)目運(yùn)行成功后，在瀏覽器里打開(kāi)下面鏈接 

  

  到這里就代表項(xiàng)目成功的創(chuàng)建并運(yùn)行了。

二，使用webstorm一鍵創(chuàng)建vue項(xiàng)目

• 1，點(diǎn)擊file，然后new，然后點(diǎn)擊project 

• 2，構(gòu)建項(xiàng)目 

  

• 3，等待項(xiàng)目創(chuàng)建和類(lèi)庫(kù)加載 

  耗時(shí)可能比較長(zhǎng)，耐心等待。。。。 

• 3，上面構(gòu)建成功后，可以運(yùn)行并瀏覽項(xiàng)目了 

  

關(guān)于創(chuàng)建vue項(xiàng)目的兩種方式就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。