什么？这六款让前端开发更轻松的实用工具你还不知道！

亿元户

“这里是云端源想IT培训，帮你轻松拿offer”
嗨~ 今天的你过得还好吗？
这世界除了有诗和远方，
还有理想与周末。
今天要开心鸭！

- 2023.03.25 -
“工欲善其事必先利其器”，每个 Web 开发人员都有自己的工具箱，这样工作中碰到的每个问题都有一个好的解决方案供选择。
初学前端开发应该使用哪些开发工具才能使自己更加轻松？小编这就给大家分享几款，记得收藏哦！


一、DreamWeaver

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


优点：DreamWeaver是一款可视化的前端开发工具，一边写代码一边就能看到效果，所以使用起来还是比较方便的。
缺点：比较耗费系统资源，这也许是IDE类产品的通病。
什么？这款太老了，不喜欢，要用最近比较火的，好的！安排！

这是整理好的web前端开发学习资源，免费分享给大家，保证能让各位在前端学习路上事半功倍。从基础知识到项目实战，以及面试题集锦和相关面试资源全部免费分享给刚学习前端的小白，知道大家在网上找不到特别完整的前端资料，我整理好了这些内容直接发给你们，这样可以让你们少走很多弯路。

二、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 动作到可定制的属性，非常简单。
  

工具在手，天下我有！今天的分享就到这里啦，更多零基础学IT的相关资料、技术分享，记得常来看我哦！



我们下期再见！
END
文案编辑|云端学长
文案配图|云端学长
内容由：云端源想分享