windows下搭建VUE開發環境

在實際開發中,我們應該如何搭建一個VUE開發環境呢?自我實踐之後的操作如下:

1、首先安裝node

安裝成功的標誌:這裏寫圖片描述

2、安裝淘寶鏡像

安裝cnpm,安裝命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安裝全局的vue-cli

安裝命令如下:cnpm install -g vue-cli
安裝成功的標誌: 這裏寫圖片描述

在上述所有的準備工作都完成以後,我們開始初始化項目:

4、創建項目:進入到文件所在位置創建項目

操作命令:vue init webpack projectName
創建成功的標誌:
這裏寫圖片描述

5、測試環境是否搭建成功

操作命令:npm run dev
運行成功的標誌:
這裏寫圖片描述

6、修改端口號:如果需要的話(在端口衝突的情況下)

在項目目錄中的config目錄下,查找index.js,尋找port配置,修改端口號即可
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章