mac OS M1 配置vue環境 必成功!


1.打開node.js官網,會出現你的系統,點擊左側長期維護版,下載。(官網鏈接https://nodejs.org/zh-cn/)

 

2.下載安裝后在終端輸入指令。npm-v/node -v 查看安裝版本確認自己是否安裝。

(base) ~ % npm -v
8.5.0
(base) ~ % node -v
v16.14.2

 如果出現意料之外的報錯,直接輸入 node/npm。就可以看到版本號。

(base) ~ % npm
npm <command>

Usage:
.........

3.獲取nodejs模塊安裝訪問權限。(報錯就去掉sudo,然后提示許多not permitted,重新輸入下面指令,看到提示輸入密碼)

(base) ~ % sudo chmod -R 777 /usr/local/lib/node_modules/

4.安裝淘寶鏡像npm(一定要注意看報錯的原因,會有提示的!在我這邊就是npm需要update)

 

於是按照提示輸入:

npm install -g npm@8.5.5~

 

到這里時是更新了npm版本,安裝cnpm需要最高權限所以用sudo。然后輸入以下代碼:

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

 

 當你看到最下邊幾行是這樣子,說明你安裝成功啦~

 

5.用淘寶鏡像安裝webpack:

sudo  cnpm install webpack -g

 

 

 

6.安裝vue腳手架(如果報錯就sudo)

cnpm install vue-cli -g

 

 7、在硬盤上找一個文件夾放工程用的,在終端中進入該目錄

question:怎么在終端中進入?(answer:直接將文件夾拖入終端)

cd 目標路徑

 

 8.在目標路徑中創建項目(demo1是文件名字,可以隨意改)

vue init webpack-simple demo1

 

 創建時會有些選項要輸入:

 

可以直接按enter,在author一欄填入作者姓名(一定用英文!!)

9.進入我們的項目

cd demo1

10.安裝項目依賴

sudo cnpm install

 

11.安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource

sudo cnpm install vue-router vue-resource --save

 

12. 啟動項目

npm run dev

 

13. 如果啟動項目時報錯,更新vue,更新時報錯直接sudo。

npm uninstall vue-cli -g
cnpm install -g @vue/cli

14.進入可視化

vue ui

然后一個小火箭帶你進入vue啦~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM