iT邦幫忙

2021 iThome 鐵人賽

DAY 4
0
Modern Web

菜鳥學前端,一起vue起來 !系列 第 4

Day 4.環境預備備(二)- Node.js

  • 分享至 

  • xImage
  •  

NPM (全稱 Node Package Manager,即「node包管理器」),它是一個線上套件庫,可以下載各式各樣的 Javascript 套件來使用。
所以透過 npm 指令我們可以更方便進行套件的管理動作 (安裝、升級、修改或刪除等等)。
https://ithelp.ithome.com.tw/upload/images/20210914/20131400zr6CLhrd8Z.jpg

我們先到Node.js的官方網站
選擇LTS (Long-term support,長期支援的版本)的Windows安裝包
https://ithelp.ithome.com.tw/upload/images/20210914/20131400vS9grPvJuB.png
跟昨天一樣執行下載完的檔案
(一直next下去就對了!)
https://ithelp.ithome.com.tw/upload/images/20210914/20131400Rm6RMNnlj0.pnghttps://ithelp.ithome.com.tw/upload/images/20210914/20131400QLzNliC95L.pnghttps://ithelp.ithome.com.tw/upload/images/20210914/20131400pmwwwxMEJm.pnghttps://ithelp.ithome.com.tw/upload/images/20210914/20131400u1ekF6mggV.pnghttps://ithelp.ithome.com.tw/upload/images/20210914/20131400btXSHfG0PP.pnghttps://ithelp.ithome.com.tw/upload/images/20210914/201314007oyITUISqy.pnghttps://ithelp.ithome.com.tw/upload/images/20210914/20131400lFgZFXv5vu.pnghttps://ithelp.ithome.com.tw/upload/images/20210914/20131400i4663GjMbu.png
按下finish後會跳出黑色的視窗(CMD),按下任意建完成安裝,就搞定了!
https://ithelp.ithome.com.tw/upload/images/20210914/20131400kBsHSz5B2W.png
接著我們回到VSCode,按下 Ctrl + Shift + ` 叫出終端機,在裡面輸入npm –version
https://ithelp.ithome.com.tw/upload/images/20210914/20131400fewG6FAUF1.png
跳出版本號就表示成功了٩(˃̶͈̀௰˂̶͈́)
https://ithelp.ithome.com.tw/upload/images/20210914/20131400PyFZ3AUeME.png
BUT!!
如果失敗怎麼辦
如果看到以下訊息,沒關係,末急末慌末害怕
https://ithelp.ithome.com.tw/upload/images/20210914/20131400juAK5nmPZz.png

找到你的VSCode按下右鍵點選內容➡️相容性
看到”以系統管理員的身分執行此程式”了嗎!把它打勾勾,再重開VSCode輸入就可以了歐!
https://ithelp.ithome.com.tw/upload/images/20210914/20131400bFN0tEbILn.png

參考資料
npm維基百科
【I Love Vue 】 Day 03 愛上 Vue- 環境建置(二) - Vue CLI


上一篇
Day 3.環境預備備(一)-VSCode的加入
下一篇
Day 5. 怎麼開始Vue起來
系列文
菜鳥學前端,一起vue起來 !30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言