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啦~