元件式開發中,一定少不了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...