iT邦幫忙

2024 iThome 鐵人賽

DAY 1
0
自我挑戰組

自學vue~點亮Roadmap過程系列 第 1

vue3鍊成術第一天-環境配置

  • 分享至 

  • xImage
  •  

主要會依照 https://roadmap.sh/vue 來進行學習

使用到VScode、vue3+vite、node.js、npm/yarn、nvm

首先進行環境的配置,VScode安裝就不說了
先去node.js下載LTS版本,下載完打開終端輸入
node確認有安裝到
https://ithelp.ithome.com.tw/upload/images/20240915/20169210hBmJY0cfan.png

接著再去下載yarn,跟著步驟做就可以
https://ithelp.ithome.com.tw/upload/images/20240915/20169210wBtN3Zx5aM.png

然後去vscode擴充裡面搜尋vue offical並安裝
https://ithelp.ithome.com.tw/upload/images/20240917/201692101pvUXFa3Oq.png

再來去chorme 加入擴充功能搜尋vue devtools
https://ithelp.ithome.com.tw/upload/images/20240915/201692102NCAQse8ku.png
這樣環境配置就完成囉!!!


下一篇
vue3鍊成術第二天-專案建置(vue-cli)
系列文
自學vue~點亮Roadmap過程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言