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

2021-09-29 06:56:13 字數 1466 閱讀 9081

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

1.新建;新建專案資料夾(或稱「目錄」),進入新建的專案資料夾,右鍵選擇「git bash here」,彈出命令框;

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

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

未安裝時,會顯示 cnpm:command not found;那麼就需要安裝cnpm映象了,

命令如下:npm install -g cnpm --registry=

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

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,則表示該埠被占用,可忽略,

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

vue安裝教程:

**npm:

vue環境配置相關

上下文的配置在在vue.config.js的publicpath下,如果沒有硬編碼,那麼dev的路徑配置在 env.development下,生成環境在.env.production 下。env.development就是開發環境的配置,env.production是生產環境的配置,在package...

vue環境安裝配置步驟

1.安裝node.js npm包管理器,是整合在node中的,所以安裝了node也就有了npm,直接輸入 npm v 命令,顯示npm的版本資訊。到目前為止,node的環境已經安裝完成,npm 包管理器也有了,由於有些npm資源被遮蔽或者是國外資源的原因,經常會導致npm安裝依賴包的時候失敗,所以我...

Vue環境安裝及配置

npm install npm g 安裝 npm v 檢視版本資訊 4 cnpm安裝參考 npm install g cnpm 在git中輸入 cnpm 檢驗是否安裝成功 5 yarn安裝參考 npm install g yarn yarn v 檢驗是否安裝成功 6 vue安裝 cnpm insta...