前端开发常用工具

ide开发工具

以下工具 / 软件 网盘下载地址：
链接：https://pan.baidu.com/s/1HgFXYGrF6Ojq8qK2Pz5dhg
提取码：tc0t

vscode官网
Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

亮点： 安装包很小，打开速度很快。最重要的是安装插件非常方便，也内置了Emmet(种快速编写html/css的方法)。 而且完全开源免费，重要的事说三遍，开源免费、开源免费、开源免费。我就是用这款，所以相对来说比较熟悉，插件可参考我另外一篇文章 vscode插件

2.sublime text 3

官网地址
因为是国外服务器，官网打开很慢。而且安装Emmet 很麻烦，这是我不喜欢的，不过也可以反应出我是小白，哈哈。不然怎么会觉得麻烦！

附上国内的一个sublime 中文网

3. Hbulider X

官网地址
最喜欢的一点是图片的预览提示功能，这对前端开发非常友好

4.wetstom

官网地址
我就使用过一次，就不介绍了，因为这款是收费的！不过网上有很多破解教程，有兴趣的可以去尝试一下！

下面的是开发辅助软件，很不错，几乎免费哦！妈妈再也不用担心在网上下载到垃圾软件了！

处理 psd 文件的软件

ps2019

这款软件大家应该非常熟悉了，各类设计人员必备软件，也是前端开发人员必备软件！

FireWorks

软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。跟ps差不多。不过简单一些

以下是我平常经常使用的软件

截图工具

我每次都用这个截图取色很方便snipaste

ScreenToGif 2.2.exe

这款是国外的的一款截取动图软件。没有官网地址，大家可以到我百度网盘下载，链接会附在底部

视频录制工具

在网上搜索过这类软件的应该都知道是什么鬼，不是软件垃圾，就是需要注册缴费，我分享的这三款都是知乎大V推荐的，自己也有过确实非常好用还免费

captura 、ffmpeg 、OBS-Studio-22.0.2-Full-Installer我只用过第一款，太好用就没去试另外两款，大家有兴趣的可以下载下来自己研究一下

笔记类工具

typora typora

Typora windows是好用极简免费的跨平台 Markdown 编辑器，支持markdown的标准语法，同时这款软件还支持动态预览功能，一键预览，是一款不可多得的优质markdown编辑器。

印象笔记 官网

前端辅助开发网站

• 查询文档 MDN
• 查询文档W3C
• 组件工具element
• 字体图标库ICON Font
• 字体图标库阿里Iconfont-阿里巴巴矢量
• 开源中国社区开源社区
• jQqery插件库
• 51网页特效