vue環(huán)境搭建——菜鳥

1.下載node.js,不要問為什么,我也不知道......

????????http://nodejs.cn/

2.安裝node.js一直下一步即可,直到install

3.打開window+R命令窗口,輸入cmd回車確定

? ? ? ? node -v

確認node是否安裝成功

4.安裝淘寶鏡像,輸入命令

????????npm install -g cnpm --registry=https://registry.npm.taobao.org

????時間較久,需耐心等待......

5.命令行輸入

????????npm -v

確認安裝是否成功

????如果看到版本號,說明安裝成功

6.安裝vue-cli腳手架,輸入命令:

????????cnpm install --global vue-cli

? ? ? ? ? ? 或

? ? ? ? npm install @vue/cli -g

? ? ? ? 安裝成功后,輸入vue確認是否安裝成功

確認vue安裝完成

7.新建或使用已有項目,無論是哪個,都必須確認所在目錄,否則會導致在cnpm run dev運行的時候報錯。

在此目錄下,輸入命令

??????????vue init webpack test? ? ? ? //test是項目名稱

之后就一直回車,直到出現(xiàn)是否要安裝vue-route,這個我們在項目要用到,所以就輸入y 回車? ?

下面會出現(xiàn)是否需要js語法檢測,這個我們暫時用不到,就可以直接輸入no,后面的都可以直接輸入no,都是我們暫時用不到的

8.進入到項目中,因為各個模板之間都是相互依賴的,所以現(xiàn)在我們要安裝依賴,輸入命令

????????cnpm install 或 npm install

確認安裝成功

9.一切環(huán)境依賴安裝準備就緒,我們來測試一下自己新建的vue項目的運行情況,輸入命令:

????????cnpm run dev 或 npm run serve

直接回車。會彈出一個瀏覽器訪問地址默認為localhost:8080。(我將地址修改為8081進行訪問)

10.基礎(chǔ)環(huán)境搭建成功......

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容