前端开发工具的简单介绍

Posted 2021-03-10 yafine

正所谓“工欲善其事，必先利其器”，对Web开发人员来说，好工具的使用总会给人带来事半功倍的效果。

??下面来说一下几种常用的开发工具：

• HBuilder
• Atom
• Sublime Text
• Visual Studio Code
• WebStorm

??如果是初学者的话，我建议先使用HBuilder（记事本也可以，不过需要你将元素标签属性记牢固），很容易上手，熟练后在使用Visual Studio Code或者是Atom，这两个开发工具功能很强大，支持多种插件的安装，比如C/C++、Python、Java等等。

??当下，有三种主流的编辑器，分别为Visual Studio Code、Sublime Text和Atom，WebStorm也挺受欢迎的，下面简单的说一说它们各自的优缺点：

Atom的优缺点

??首先我们来说一说Atom，Atom代码编辑器支持Windows、MaC、Linux三大桌面平台，完全免费，并且在GitHub上开放了全部的源代码。具有简洁和直观的图形用户界面，它支持宏，自动完成分屏功能，集成了文件管理器。经过开发团队的长时间的迭代开发和不断改进，Atom正式版编辑器在性能和稳定性都有着显著的改善。

主要优点：

1. 开发维护团队强大，而且是开源项目，因此修复bug速度快，生态圈成长速度快。
2. 快捷键支持特别好，熟悉了各种快捷键后可以成吨提高生成效率。
3. 比较稳定，很少出现崩溃。
4. 插件管理很到位，能准确定位出问题的插件。git原生支持。
5. 插件的生态圈发展速度特别快，一大堆好用的插件等着用户去探索。

主要缺点：

1. 性能问题，启动速度很慢。
2. 打开大文件时会出现CPU占用过高的问题。
3. 目前相比于Sublime技术层面还不够成熟，有不少bug。

Sublime Text的优缺点

??我们再来说一说这个Sublime Text编辑器。它也是一个代码编辑器，也是html和散文先进的文本编辑器，目前最新的版本为V3.2.1,不过这个编辑器是一个收费软件，但可以无限期试用，但是会不定时的弹出付费提醒。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。

??Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

主要优点：

1. 主流前端开发编辑器。
2. 体积较小，运行速度快。
3. 文本功能强大。
4. 支持编译功能且可在控制台看到输出
5. 内嵌python解释器支持插件开发以达到可扩展的目的
6. Package Control：ST支持的大量插件可通过其进行管理

主要缺点：

1. 收费闭源，收费的问题虽然不影响使用，但是闭源带来的问题就是一个bug千年都不见修复，很影响使用。
2. 虽然启动运行快，但当打开xcode运行着项目的同时去使用Sublime，你就知道什么是崩溃了，输入一行代码，半天还反应不过来（这个问题仅仅存在于Sublime Text3）。
3. 虽然有Package Control管理插件，但是安装搜索插件时，只能看见一句话对插件进行简单的描述，而且之后的插件配置也不方便。
4. 当插件安装的比较多的时候，Sublime会时不时的崩溃，用户也不能清晰的知道是哪个插件引起的，只能一个个的卸载进行判断，很麻烦。
5. 很多插件在Sublime Text3和Sublime Text2上不兼容，很多Sublime Text2上的好用插件，在Sublime Text3上不能使用。
6. Sublime Text2没有新建窗口的问题，要同时打开不同的项目，很不方便。
7. 吐槽一下Sublime Text的project功能，ctrl+command+p只能切换最近打开过的project，即使你保存在了Sublime Project，只要最近没有打开过，这个快捷方式就不能切换。

VScode的优缺点

??我们说一说Visual Studio Code，vscode同样也是一个轻量级但功能强大的跨平台的文本编辑器，可在桌面运行，适用于Windows，MACOS，和Linux平台。它内置了对javascript，TypeScript和Node.js的支持，并且具有丰富的其他语言（如C++，C#，Java，Python，php，Go）和运行时（如.NET和Unity）的扩展生态系统。可以参考vscode文档。

主要优点：

1. 好看，分分钟逼死Notepad++，直接卸载Notepad++。
2. 加载大文件几乎秒开，试过打开100M的工程，无压力。
3. C#支持高亮，已经编译过的还支持引用。
4. JS，HTML等支持高亮补全。
5. 全平台
6. 免费，这是必须的好评。
7. 占用内存低。
8. 基于atom，但是性能秒速atom。

主要缺点：

1. 还不够稳定，经常会崩溃，要不是经常崩溃，绝对使用它了。
2. 插件还不是很完善，但是发展速度相当快。
3. debug的灵活性还不够。
4. 对C#的支持还不够好。
5. 不支持工程加载，只支持文件夹加载，引用比较复杂的大工程支持力度低。

WebStorm的优缺点

??WebStorm 是Jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

优点（特性）

• 智能代码辅助功能 -> WebStorm提供JavaScript和编译为JavaScript语言、 Node.js、HTML和CSS的智能代码辅助。 享受代码补全、强大的导航功能、动态错误检测以及所有这些语言的重构。
• 调试、跟踪和测试 -> WebStorm提供强大的内置工具进行调试、测试和跟踪 您的客户端和Node.js应用程序。 只需很少配置和精心 集成到IDE中，WebStorm使这些任务变得更加轻松。
• 无缝工具集成 -> WebStorm集成流行的命令行工具，用于Web开发， 使您无需使用命令行即可获得高效、简化的开发 体验。
• IDE功能 -> WebStorm建立在开源IntelliJ平台之上，过去15年以来，JetBrains一直在不断发展和完善这个平台。 这个平台可以针对您的开发工作流进行微调并且能够提供高度可定制的体验。

具体详细的功能特效介绍，可以在官网浏览，??传送门

一些缺点：

??启动Webstorm，比较耗电脑的内存和CPU，启动时间相比较Vscode、Atom以及Sublime来说，速度有点慢，所以，使用WebStorm，电脑的配置需要稍微高一点，内存条至少8G以上，不然电脑会非常卡顿。

WebStorm现在更新到2019.3版本了，在启动软件方面进行了优化，启动速度较以前来说明显提升了不少，大约提升了20%，同时对Vue.js和CDN更加友好！

总结：
??这四个编辑器，各有所长，也各有自己的不足，针对不同的开发人员，可能需要根据自己的喜好来选择，不过幸运的是，这四个编辑器的使用方式大同小异，基本上可以无痛的迁移到任何一个编辑器上。
??从长远发展的角度来讲，Atom和vscode是由两大巨头维护主推的开源项目，开源的力量是巨大的，因此其发展速度注定会远超过Sublime。WebStorm也不亚于其他几款软件，发展速度也是比较明显的
??学习前端最重要的还是坚持努力，在学习的过程当中，也要提高自己的编程能力，如果遇到不会的，上网查阅资料，或者虚心请教比较资深的大佬。加油吧，骚年！