VUE環境配置步驟及相關Git Bash命令的使用


組件式開發中,一定少不了Vue,廢話少說,開始進行Vue應用前的關鍵性配置

備注:(為方便進行配置,提前可以安裝Git bash,下載路徑——https://git-scm.com/downloads,安裝略)

1.新建;新建項目文件夾(或稱“目錄”),進入新建的項目文件夾,右鍵選擇“git bash here”,彈出命令框;

2.檢查;在命令框中輸入 node -v檢查是否安裝有node(必須有node后續才能運行);

輸入 cnpm -v(同上,如已安裝,會顯示安裝的版本號)

未安裝時,會顯示 cnpm:command not found;那么就需要安裝cnpm鏡像了,

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

然后就是漫長的等待,完成后,記得再次檢查下。

3.繼續輸入mkdir 項目名 && cd 項目名(新建項目及打開項目);(以下步驟按圖執行)

注意事項:

1).在mkdir 項目名時,項目名中千萬不能含有大寫字母,否則在執行命令——vue init webpack時,

會中斷,提示不可有大寫;

2).unit tests 和 e2e tests是用來進行單元測試的,不選N,可能存在后期項目執行不了的情況,

會報錯!

3).執行進程大約需要1min~10min不等,期間建議不要進行任何操作,避免干擾執行

4.執行進程完成后,會自動彈出項目路徑

5.進入項目文件夾查看文件;

6.輸入npm run dev ,運行項目

項目進程執行完成后,會彈出一串帶端口的地址,將改地址copy到瀏覽器地址欄查看,

彈出以下界面表示配置OK,之后就可以在該項目文件夾的src中創建各種開發組件。

注意,當執行進程完成后,彈出的地址端口不是8080,則表示該端口被占用,可忽略,

只使用彈出地址測試即可!

 

 相關鏈接地址:

其他博客地址:https://www.cnblogs.com/leehf/p/7256305.html

Vue安裝教程:https://cn.vuejs.org/v2/guide/installation.html

淘寶NPM:http://npm.taobao.org/

摘自:http://www.cnblogs.com/chig/p/8308642.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM