vue3 npm的一坑

跑個VUE3遇到的一個坑，走過都可以過過下

 

結論：升級node.js時要留個心眼，npm是否需要先卸載！

背景：以前做的都是vue2，最近過了下vue3版本内容，想本地搞點練練手，這不，單單一個helloworld with VUE3 + vite的幾行命令, 折騰的我有點懷疑電腦得砸了的節奏！

跑個vue3+vite一般標準操作步驟：

1. 準備好node.js，有了就跳過。
2. 配好npm，有了就跳過。
3. 執行：npm init @vitejs/app my-ying-bi-01，然後根據提示執行cd my-ying-bi-01 and npm run dev就搞定了。

畢竟本地能跑vue2, 所以，遇到了一個神坑：node.js 版本太低！太晦澀的坑況多虧以下鏈接……具體參照這位仁兄的截圖，好些文章裏面就只有這一篇跟我一樣碰到……https://blog.csdn.net/qq_39323073/article/details/109199952 

那麽，接下來，正常思路，就是升級node.js版本就是……然而，主角大爺來了……

 

卸載了本地nodejs去官網弄了個順利裝了后跑npm，然後又報錯，裏面有提示：

 

然後想uninstall 和install npm都是同樣的錯誤。也就是說，我機子的npm命令幹不掉了。既然這個問題是因爲node.js太新，那就得去把我剛剛裝的新版本卸載了然後再找個歷史版本裝回去，好讓我把npm先命令卸載掉。然後再重新裝新的node.js，然後再npm install -g npm，才把大爺給去了：修復了npm也能把前面的步驟跑到底。