做前端常用的网站及软件，很多新人一头雾水，不知道从哪下手。今天这篇干货，直接告诉你哪些工具最实用，哪些是智商税。看完这篇，你至少能少走半年弯路，省下的时间都能多写几个组件了。

我干了15年建站，见过太多小白买一堆收费插件，结果连基础布局都搞不定。其实，真正好用的工具，大部分都免费或者开源。咱们搞技术的，得把钱花在刀刃上，别在那些花里胡哨的辅助软件上浪费银子。

先说代码编辑器，这绝对是你的主战场。VS Code 是目前的绝对王者，没有之一。别再去折腾什么 Sublime Text 或者 WebStorm 了，除非你有特殊需求。VS Code 插件生态太丰富了，装个 Live Server，改完代码自动刷新，这感觉谁用谁知道。还有 Prettier，代码格式化神器，强迫症福音。记得装个 Chinese Language Pack，看中文提示不累眼。

再聊聊设计资源网站。做前端，光会写代码不行，还得懂点审美。UI 中国和大神网是国内比较老牌的设计站，虽然界面有点老旧，但素材质量还行。不过我更推荐 Dribbble 和 Behance，虽然访问速度慢点，但能看到全球最前沿的设计趋势。别只盯着国内那些千篇一律的模板，多看多学，你的页面才不会土气。

还有图标库，Iconfont 是阿里出的，国内用的人最多。资源多，下载方便，支持 SVG 和 PNG。如果你追求极致性能，建议用 SVG 格式，代码直接嵌入，体积小还清晰。有些新手喜欢用图片，那是十年前的做法了，现在都讲究响应式和矢量图。

说到调试，Chrome 开发者工具是必备技能。F12 打开，Elements 看结构，Console 看报错，Network 看请求。这三个面板用熟了，80% 的前端 bug 都能自己搞定。别遇到报错就百度，先自己看控制台，培养这种直觉，比什么都强。

这里分享个真实案例。有个学员叫小李，刚入行时喜欢用各种在线压缩工具，结果压缩完代码全乱码，线上直接白屏。后来我让他停用那些乱七八糟的工具，直接用 VS Code 自带的格式化，配合 Webpack 或 Vite 构建。不仅代码整洁，而且构建速度飞快。他后来跟我说，这才是正经干活的样子。

再说说版本控制，Git 必须得会。GitHub 和 Gitee 都是好地方。GitHub 适合看源码，Gitee 国内访问快，适合存项目。别觉得 Git 难，基础操作就几个命令，clone、add、commit、push。搞懂了这些，你就知道怎么和别人协作了。别再用 U 盘拷代码了，那太掉价了。

关于组件库，Ant Design 和 Element Plus 是主流。Ant Design 适合中后台系统，逻辑严密；Element Plus 适合后台管理，上手快。别自己去造轮子，除非你是大神。用现成的，效率高，bug 少。很多公司招人，一看简历里没写过 Ant Design 或 Element，直接pass。

最后提醒一下，工具只是辅助，核心还是你的逻辑思维和对 CSS 的理解。别沉迷于收集各种插件，装了一堆不用，反而拖慢电脑速度。定期清理插件，保持环境清爽。

做前端常用的网站及软件，其实就那几样，用精了比用多了强。别被那些营销号忽悠，说什么“十大神器”，其实十个里有八个是广告。咱们凭本事吃饭，工具选对，事半功倍。

希望这篇分享能帮到正在迷茫的你。如果还有不懂的，欢迎在评论区留言，我看到都会回。记住，前端这条路，越老越吃香，前提是你要一直学，一直练。别停，别懒，坚持下来，你也能成为那个让人请教的大牛。

本文关键词：做前端常用的网站及软件