vue-cli安裝全過程(附帶cnpm安裝不成功及vue不是內部命令)
1. 依賴node所以先安裝node
可從官網下載安裝，安裝一直下一步最后選安裝目錄
2. win+r輸入cmd運行
先輸入node -v和npm -v查看node安裝是否正常（我這里node是10.5.0 npm是6.1.0）
3. 安裝vue
npm安裝過慢且成功率較低，建議使用cnpm安裝
3.1 npm安裝方法，npm install vue（安裝成功請到第4步）
3.2 安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.3 安裝時報
npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid
a serious bug with socket data flow and an import issue introduced in 2.1.0
這是一個警告不要在這上面浪費時間
3.4 輸入cnpm -v查看出版本號請到第4步，報cnpm不是內部命令也不是外部命令看下一步
3.5 找到npm目錄 比如我的在E:\node\node_cache\node_modules下面
搜索cnpm目錄 把cnpm和npm放在一個目錄下面
在上一級E:\node\node_cache 里面有npm和npm.cmd
搜索cnpm.cmd 把cnpm和cnpm.cmd放在E:\node\node_cache里
3.6 在輸入cnpm -v出現版本號
3.7 安裝vue cnpm install vue
4. 安裝vue-cli
cnpm install -g vue-cli
5. 進入要創(chuàng)建工作空間的目錄
我要創(chuàng)建在E盤下
cd E:
vue init webpack vue (后面vue為自定義項目名稱)
5.1 如果報vue不是內部命令或外部命令
搜索vue.cmd 將路徑加入Path用戶環(huán)境變量中（不建議加入系統(tǒng)環(huán)境變量）。
如我的路徑是E:\node\node_cache
重新運行vue-cli cnpm install -g vue-cli
5.2 出現亂碼是配置信息，直接回車
6. 出現下圖運行提示將自動安裝所需的包
cd vuenpm run dev
7. 出現下圖，恭喜安裝成功
瀏覽器輸入http://localhost:8080可查看當前項目
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
在網頁設計中,背景全屏是一種常見的視覺效果,通過正確的CSS樣式設置,可以實現背景全屏且內容在固定一屏大小內完全顯示,如果內容超出一屏,則可以通過滾動條查看剩余內容,這種設計可以提升用戶的瀏覽體驗,使網頁看起來更加整潔和專業(yè)2024-10-10
插槽就是子組件中的提供給父組件使用的一個占位符，用<slot></slot> 表示，父組件可以在這個占位符中填充任何模板代碼，如 HTML、組件等，填充的內容會替換子組件的<slot></slot>標簽，這篇文章主要介紹了Vue插槽的理解和使用,需要的朋友可以參考下2023-03-03
vue3模塊創(chuàng)建runtime-dom源碼解析
這篇文章主要為大家介紹了vue3模塊創(chuàng)建runtime-dom源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要給大家介紹了關于Vue數據表格增刪改查與表單驗證的相關資料,Vue可以通過使用組件化的方式來實現表格的增刪改查功能,文中通過圖文以及代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
Vue插槽,是學習vue中必不可少的一節(jié),越來越發(fā)現插槽的好用,而過濾數據也是我們日常開發(fā)中必然會用到的,這篇文章主要給大家介紹了關于Vue插槽和過濾器的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了如何解決模塊““vue“”沒有導出的成員“ref”問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
vue利用vue meta info設置每個頁面的title與meta信息
這篇文章主要給大家介紹了關于vue如何利用vue meta info設置每個頁面的title與meta信息的相關資料,文中將實現的方法介紹的非常詳細,對大家學習或者使用vue具有一定的參考學習價值,需要的朋友可以參考下2021-10-10
函數式組件就是沒有管理任何狀態(tài),也沒有監(jiān)聽任何傳遞給它的狀態(tài),也沒有生命周期方法,它只是一個接受一些 prop 的函數,下面這篇文章主要給大家介紹了關于Vue3封裝全局函數式組件方法的相關資料,需要的朋友可以參考下2023-06-06
vue3簡單封裝input組件和統(tǒng)一表單數據詳解
最近有一個需求是很多個表單添加,編輯等操作,會用到很多input輸入框,所以就想把input進行簡單封裝,這篇文章主要給大家介紹了關于vue3簡單封裝input組件和統(tǒng)一表單數據的相關資料,需要的朋友可以參考下2022-05-05
解決uniapp項目在微信開發(fā)工具里打開報錯Error:app.json:在項目根目錄未找到app.json
這篇文章主要給大家介紹了關于解決uniapp項目在微信開發(fā)工具里打開報錯Error:app.json:在項目根目錄未找到app.json的相關資料,文中通過圖文將解決的辦法介紹的非常詳細,需要的朋友可以參考下2024-03-03