前端新手工具選型指南：告別 Dreamweaver，擁抱現代開發

現狀痛點

Dreamweaver CS6/8 已停止更新，無法支援 ES6+、JSX、Vue/React 組件、PostCSS 等現代工程化流程，代碼提示落後，易產生不規範代碼。

主流編輯器/IDE 對比

新手推薦配置（VS Code 為例）

1. 安裝 Chinese (Simplified) Language Pack。
2. 必裝插件：ESLint, Prettier, Live Server, GitLens, Auto Rename Tag, Path Intellisense。
3. 設置 editor.formatOnSave: true，保存自動格式化。
4. 學會使用 Ctrl+Shift+P 命令面板與 Ctrl+P 快速開啟文件。

進階建議

• 掌握 Chrome DevTools 調試技巧（斷點、網絡面板、Performance）。
• 學習 Git 基礎流程（clone、commit、push、pull、branch、merge）。
• 理解 npm/yarn/pnpm 包管理與 package.json 腳本。