局部安裝 vue2.0 環(huán)境
- 局部安裝環(huán)境
新建 vue2 文件夾,使用 cmd 打開并執(zhí)行
npm install vue-cli@2.9.6
成功后,會在 vue2 文件夾下生成 node_modules 依賴
- 檢測是否安裝成功
打開vue2 文件夾下的執(zhí)行文件,即:vue2\node_modules\.bin
,使用 cmd 打開并執(zhí)行
vue -V
- 修改 vue2 文件夾下的 vue.cmd 名稱 為 vue2.cmd阎曹,用來區(qū)分 vue2.0 和 vue3.0 的執(zhí)行環(huán)境
1. 將vue2\node_modules\.bin\vue.cmd 文件名稱改成 vue2.cmd
即:vue2\node_modules\.bin\vue.cmd ---> vue2\node_modules\.bin\vue2.cmd
2. 再次輸入 vue -V 檢測版本,會出現(xiàn):'vue' 不是內(nèi)部或外部命令煞檩,也不是可運行的程序
此時需要輸入 vue2 -V 才可正確檢測 vue 環(huán)境版本
- 將
vue2\node_modules\.bin
配置到系統(tǒng)環(huán)境變量
1. 打開系統(tǒng)環(huán)境變量
變量名:VUE2
變量值:E:\vue2x-vue3x\vue2\node_modules\.bin (此路徑是 vue2 文件夾下的執(zhí)行文件的絕對路徑)
2. 將配置好的變量添加到 path里处嫌,即: %VUE2%
成功后就可以全局調(diào)用 vue2 命令,啟動 vue2.0 環(huán)境
- 創(chuàng)建 vue2.0 項目
新建 test 文件夾用于存放項目斟湃,cmd 打開并運行
vue2 init webpack vue2-project
局部安裝 vue3.0 環(huán)境
- 局部安裝環(huán)境
新建 vue3 文件夾熏迹,使用 cmd 打開并執(zhí)行
npm install @vue/cli
成功后,會在 vue3 文件夾下生成 node_modules 依賴
- 檢測是否安裝成功
打開 vue3 文件夾下的執(zhí)行文件凝赛,即:vue3\node_modules\.bin
注暗,使用 cmd 打開并執(zhí)行
vue -V
- 修改 vue3 文件夾下的 vue.cmd 名稱 為 vue3.cmd,用來區(qū)分 vue2.0 和 vue3.0 的執(zhí)行環(huán)境
1. 將vue3\node_modules\.bin\vue.cmd 文件名稱改成 vue3.cmd
即:vue3\node_modules\.bin\vue.cmd ---> vue3\node_modules\.bin\vue3.cmd
2. 再次輸入 vue -V 檢測版本墓猎,會出現(xiàn):'vue' 不是內(nèi)部或外部命令捆昏,也不是可運行的程序
此時需要輸入 vue3 -V 才可正確檢測 vue 環(huán)境版本
- 將
vue3\node_modules\.bin
配置到系統(tǒng)環(huán)境變量
1. 打開系統(tǒng)環(huán)境變量
變量名:VUE3
變量值:E:\vue2x-vue3x\vue3\node_modules\.bin (此路徑是 vue3 文件夾下的執(zhí)行文件的絕對路徑)
2. 將配置好的變量添加到 path里,即: %VUE3%
成功后就可以全局使用 vue3 命令毙沾,啟動 vue3.0 環(huán)境
- 創(chuàng)建 vue3.0 項目
新建 test 文件夾用于存放項目骗卜,cmd 打開并運行
vue3 create vue3-project