iT邦幫忙

2025 iThome 鐵人賽

DAY 1
0
Vue.js

Vue.js 新手入門之路系列 第 1

Vue.js 新手入門之路 - Vue.js 是什麼 ? 能吃嗎 ?

  • 分享至 

  • xImage
  •  

之前在開發專案都是由純 HTML + CSS + JavasSript
趁著這次參加鐵人賽,用「框架化」的方式來學習,挑戰看看 Vue.js!

簡單介紹一下 Vue ,是一個漸進式、輕量級的 JavaScript 框架,設計上有幾個特色:

  • 輕量化:比原本的 JavasScript 更加輕量,想加什麼功能可以逐步引入
  • 組件式撰寫:把畫面切成一塊一塊的元件,就像樂高一樣拼起來,管理程式碼更清楚
  • 模板語法:用直覺的方式在 HTML 寫程式邏輯(例如 {{ message }}),新手也能快速上手
  • 社群與生態系:據說有很多現成的套件、UI 元件庫可以拿來直接用,少走很多彎路。

總之就是好棒棒? 這 30 天,我也會體會看看它「棒」在哪裡!

廢話不多說了
接下來就要開始準備開發環境啦~
我使用的是 Visual Studio Code
是個非常好用的文字編輯器!

https://ithelp.ithome.com.tw/upload/images/20250821/20178296jZ5qqN4usr.png
我使用的是 Windows 版本

https://ithelp.ithome.com.tw/upload/images/20250821/20178296pVODD1HpHj.png
可以都點下一步就好,系統會自動幫我們加入 PATH

https://ithelp.ithome.com.tw/upload/images/20250821/20178296tJdhw7uscr.png
跳出這個頁面界就代表安裝成功了

今天先安裝 VSCode
明天再繼續安裝 Node.js + Vue 開發環境


下一篇
Vue.js 新手入門之路 - Node.js 與 Vite
系列文
Vue.js 新手入門之路30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Wolke
iT邦研究生 4 級 ‧ 2025-10-10 17:33:58

版主您好,很高興看到您挑戰 Vue.js 的鐵人賽系列文!從純 HTML/CSS/JS 轉換到框架化開發,確實是提升開發效率和專案管理的重要一步。您對 Vue 輕量化、組件式撰寫、模板語法和豐富生態系的介紹非常精闢,也點出了許多人選擇 Vue 的主要原因。非常期待您在接下來的文章中,能更深入地分享 Vue 實際「棒」在哪裡,特別是這些特性如何在實作中展現優勢。第一天從開發環境 Visual Studio Code 開始,是很紮實的起步!期待您後續的分享。

也歡迎版主有空參考我的系列文「南桃AI重生記」:
https://ithelp.ithome.com.tw/users/20046160/ironman/8311

我要留言

立即登入留言