前端软件大全分开发工具、运行调试、设计、框架辅助一、核心代码编辑器写前端代码必备1. VS Code最主流免费支持 HTML/CSS/JS/Vue/React/TS 全语言海量前端插件ESLint、Prettier、Vue、React、Live Server、Auto Rename Tag内置终端、格式化、代码提示、断点调试跨平台Windows / Mac / Linux2. WebStormJetBrains付费专业前端IDE开箱即用自带语法校验、重构、自动导入对Vue、React、TS、Node、小程序支持极强适合大型项目团队开发3. Sublime Text轻量极速启动快、占用内存低适合简单页面快速编写插件生态完善无内置调试功能4. HBuilderX国产uniapp/小程序首选原生支持 uni-app、微信/支付宝小程序、App打包自带模拟器、云端打包、中文友好二、浏览器调试工具运行、测试前端页面Chrome 谷歌浏览器DevTools 前端标准调试工具元素面板改样式、Console打印日志、Network看接口、Sources断点调试、Performance性能分析Edge同Chrome内核工具一致Firefox火狐独立调试引擎兼容性测试专用SafariMac/iOS 真机调试测试苹果端兼容三、UI/设计软件前端切图、还原页面Figma在线协作首选免费够用网页端设计一键导出CSS/图片/切图团队共用设计稿前端必备SketchMac专属传统UI设计工具多用于APP、网页设计Adobe XDAdobe出品设计简单原型Photoshop / Illustrator老式切图、图片处理四、本地服务 构建工具命令行软件环境必备Node.js前端工程化核心提供npm/yarn/pnpm包管理器运行Vue/React项目Git Git Bash代码版本管理配合Github/Gitee仓库本地运行工具Live ServerVSCode插件静态HTML本地热刷新Vite / Webpack项目构建工具配合Node使用Nginx本地部署静态页面、跨域代理五、接口 调试辅助软件Postman / Apifox测试后端接口模拟请求参数Charles / Fiddler抓包工具拦截修改接口数据、解决跨域SwitchHosts修改本地host切换测试/线上环境域名六、移动端真机调试软件微信开发者工具微信小程序、小游戏开发抖音/支付宝/百度小程序官方开发者工具HBuilderX模拟器、Chrome远程调试手机页面七、前端框架配套工具VueVue Devtools浏览器插件调试Vue组件状态ReactReact Devtools 调试React组件、HookRedux DevTools状态管理调试八、简单区分前端软件分两类开发软件VSCode、HBuilderX、WebStorm写代码运行/辅助软件Chrome、Node、Git、Apifox、Figma