vue-cli2與vue-cli3在一臺(tái)電腦共存的實(shí)現(xiàn)方法

發(fā)布時(shí)間：2020-10-08 16:55:01 來源：腳本之家閱讀：170 作者：月半小夜曲欄目：web開發(fā)

1、新建兩個(gè)文件夾，分別用于存放vue-cli2和vue-cli3

2、進(jìn)入vue2文件夾下載安裝vue-cli2.0

vue-cli2與vue-cli3在一臺(tái)電腦共存的實(shí)現(xiàn)方法

vue-cli2.0版本下載命令為npm install vue-cli或者npm install vue-cli@版本號(hào)，這里我指定了版本號(hào)，還有這里不要加-g,否則就會(huì)安裝到全局位置

檢驗(yàn)

下載完畢，會(huì)生成一個(gè)`node_modules`文件夾，進(jìn)入該文件夾下的`.bin`文件夾--`F:\Vue\vue2\node_modules\.bin`

可以看到該文件夾下存放的是cmd命令，因?yàn)槭蔷植堪惭b，所以在該目錄下執(zhí)行cmd命令vue -V,結(jié)果如下則說明安裝成功

vue-cli2與vue-cli3在一臺(tái)電腦共存的實(shí)現(xiàn)方法

3、進(jìn)入vue3文件夾下載安裝vue-cli3.0

vue-cli3.0安裝步驟與上面的2.0基本相同，唯一不同的就是下載安裝命令為-`npm install @vue/cli

4、修改CMD命令名稱

為了便于區(qū)分，我們修改兩個(gè)版本的cmd命令的名稱，分別為vue-cli2和vue-cli3

vue-cli2與vue-cli3在一臺(tái)電腦共存的實(shí)現(xiàn)方法

5、配置環(huán)境變量

vue-cli2與vue-cli3在一臺(tái)電腦共存的實(shí)現(xiàn)方法

過程請看上圖，最后一步要操作兩次，分別添加2.0和3.0的cmd命令到環(huán)境變量，點(diǎn)瀏覽后，選擇到.bin文件夾就可以了

6、使用

使用vue-cli2.0創(chuàng)建項(xiàng)目---vue-cli2 init webpack

vue-cli2與vue-cli3在一臺(tái)電腦共存的實(shí)現(xiàn)方法

使用vue-cli3.0創(chuàng)建項(xiàng)目---vue-cli3 create my-project

vue-cli2與vue-cli3在一臺(tái)電腦共存的實(shí)現(xiàn)方法

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

猜你喜歡