VUE安裝及常見問題

2021-10-05 15:21:18 字數 1474 閱讀 5639

vue的安裝可以根據官網上的來,**:vue cli 安裝

首先你需要安裝node.js,官網頁面上會有兩個版本:

lts的意思是長期支援的版本,穩定

current顯而易見是目前最新發布的版本

在這裡,我們使用lts版本

官網上說了,如果你已經安裝過vue的舊版本(低版本,此處指3.0以下的版本),你可以使用以下兩種命令來解除安裝舊版本。

npm uninstall vue-cli -g

#oryarn global remove vue-cli

那麼這裡補充的是,如果你之前安裝的是3.0及以上的版本,由於各種原因你想解除安裝,可以使用以下兩種命令來解除安裝。

npm uninstall -g @vue/cli

#oryarn global remove @vue/cli

安裝命令:(3.0及以上版本,目前大多都是用3.0版本了,穩定且好用)

npm

install -g @vue/cli

#oryarn global add @vue/cli

verbose stack syntaxerror: unexpected end of json input while parsing near '...首先,這個問題簡單來說就是你連線npm庫的網路不好(一般都不好),

解決這個問題的方法就是更換映象為國內映象:

首選**映象(博主自己用的):

npm config set registry
npm cache clean --force
其他的映象可以自己上網查下,博主沒有用過,在這裡不推薦了。

檢視vue版本vue --version時,出現'vue' 不是內部或外部命令,也不是可執行的程式 或批處理檔案。

這個問題的根本解決方法是配置環境變數

1.檢視npm安裝的所在位置

npm config get prefix
預設安裝一般是這個路徑:

找到該目錄後,可以看見vue.cmd檔案,沒有的話,說明你的vue沒裝好,按照安裝步驟解除安裝再來一遍。

2.將查到的路徑新增到環境變數path

3.重新開啟控制台(重點!),再次執行vue --version,如果不重新開啟控制台,依舊會出現相同的錯誤,但此時你的環境變數可能是配好了的。

Vue專案安裝常見問題

vue cli安裝 1 安裝 npm install cnpm g registry 注意 安裝完後最好檢視其版本號cnpm v或關閉命令提示符重新開啟,安裝完直接使用有可能會出現錯誤 2 執行命令 vue init webpack demo 你新建的專案名稱 檔名稱 執行之後將會 自動初始化乙個資...

Vue常見問題

1.響應式資料原理2.vue中如和檢測陣列變化3.vue為什麼採用非同步渲染 當資料發生變化時 核心 nexttick4.元件中的data為什麼必須是函式 5.nexttick實現原理6.vue中computed的特點 7.vue中deep true是如何實現的 8.vue生命週期 beforemo...

Vue開發常見問題及解決方法

install timeout安裝超時 解決 方法01 npm換用cnpm cnpm 的大多命令跟 npm 的是一致的,比如安裝,解除安裝這些 提示沒有安裝python build失敗等 因為一些 npm 的包安裝需要編譯的環境,mac 和 linux 都還好,大多都齊全window 使用者依賴 v...