有哪些前端技术开发应该知道的基础级常识？

“工欲善其事必先利其器”，每个 Web 开发人员都有自己的工具箱，这样工作中碰到的每个问题都有一个好的解决方案供选择。

初学前端开发应该使用哪些开发工具才能使自己更加轻松？小编这就给大家分享几款，记得收藏哦

一、DreamWeaver

DreamWeaver是一款老牌前端开发工具，功能强大且组件丰富，作为前端开发的一款利器被广泛使用。

优点：DreamWeaver是一款可视化的前端开发工具，一边写代码一边就能看到效果，所以使用起来还是比较方便的。

缺点：比较耗费系统资源，这也许是IDE类产品的通病。

什么？这款太老了，不喜欢，要用最近比较火的，好的！安排！

二、Hbuilder

Hbuilder是最近几年被广泛使用的一款前端开发工具，可以做Android和IOS的开发。HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。

优点：

• 界面好看，使用的时候令人心情愉快，（这点小编很喜欢）
• 快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
• HBuilder的生态系统可能是最丰富的Web IDE生态系统，因为它同时兼容Eclipse插件和Ruby Bundle。

缺点：使用Hbuilder有一个问题，就是之前开发过的页面如果通过导入功能导入到Hbuilder中会出现中文乱码，而同样的操作在Eclipse中则不会乱码，这也让我比较困惑，不知道官方什么时候能解决这个问题。

三、sublime text

sublime text也是前端开发比较常见的工具之一，特点是可通过配置插件来构建一个比较丰富的开发环境，同时sublime text比较轻（比Hbuilder还要轻），如果熟悉了它的快捷键，那么使用起来还是比较便捷的。

优点：体积小，运行快，启动快。

缺点：

• 收费闭源，bug修复时间慢；
• 安装插件的时候，只有插件列表，显示一句简单的描述，插件配置不方便；
• 插件使用与相关介绍较VsCode较为不足。

四、Visual Studio Code

Visual Studio Code（简称“VS Code”）中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。

优点：

• 免费。
• 插件很多，最近vscode发展势头猛，安装插件方便简单，有插件的详细介绍；
• 占用内存低，启动速度，打开速度相对比较快；
• 全平台，内置了对JavaScript, TypeScript and Node.js,C++, C#, Python, PHP等语言的强大支持。

缺点：

• 不够稳定
• 启动速度，打开速度没有Sublime快，大项目比较适用。

五、Editplus

EditPlus是一款由韩国 Sangil Kim出品的小巧但是功能强大的文本编辑器，可以使用EditPlus完成所有你想要的文本编辑功能。

EditPlus也是一款非常好用的HTML编辑器，可支持C、C++、Perl、Java，EditPlus软件中有内建完整的HTML & CSS1 指令功能。

优点：

• Editplus可以进行很多语言的开发，通过配置编译和运行环境，可以在Editplus下进行程序编写和调试；
• 运行快，Editplus只有几M大，非常小巧。

缺点：Editplus没有编写提示，不过长时间使用，可以锻炼手写代码能力，也能提高模块化代码的能力。

六、alertify.js

AlertifyJS是一个JavaScript框架，用于开发漂亮的浏览器对话框和通知。它不仅可以替代默认的浏览器对话框，还可以非常轻松地创建自己的对话框。是每个Web前端开发人员必须具备的工具。

优点：

• 可自定义的外观，可以编辑 CSS，自定义 alertify.js 的外观以符合需求；
• 轻巧，无依赖，无论项目类型如何，如果有可用的 JavaScript，都可以使用 alertify.js；
• 不打扰的通知消息可用于向用户提供反馈，甚至可以用作控制台；
• 跨浏览器和平台，台式机，笔记本电脑，平板电脑还是移动设备，alertify.js 都能满足你的要求；
• 简单的API，从使用 Alertify.js 的回调处理 OK 和 Cancel 动作到可定制的属性，非常简单。

最后，分享一下整理好的基础入门学习资料，视频和讲解文案都很齐全，用来入门绝对靠谱，需要的自提。