你可以去这个网站看一下，工具挺多的，https://www.krpano.tech，只不过高级功能是收费的，就看你愿不愿意了
笔者认为，VSCode是目前前端开发最佳IDE，没有之一。我也用过HBuilder这款国内IDE，可谓是良心之作；Sublime 也是非常优秀的前端开发工具；熟悉Intellij系列的同学，webStorm做前端开发也非常不错；Atom还不错，也非常美观；但这些编辑器与VSCode比起来，都相形见绌！
首先是好看
编辑器皮肤、主题有n多种选择。
你觉得怎么看着舒服，你就怎么来，VSCODE最强大的功能在于：高度可定制化。
真的是好用-插件丰富
好用的基础是插件，VSCode有一个插件库。全球开发者不断的为VScode提供插件，写代码飞一样的感觉！下面列举几个常用的插件：
VS Code所有的插件都可以在VS Code Downloads插件库中找到：
Auto Close Tag：匹配标签，关闭对应的标签。对于HTML/XML很实用。
Auto Rename Tag：改变标签的时候同时改动开闭合标签；对于HTML/XML很实用。
HTML CSS Support : 这个也是HTML必备插件之一。
CSS Peek ： html和css中关联css的跳转
免费开源、无需破解
源码保存在github上面
多平台支持其他VScode十分的轻量级，打开速度非常快。使用简单，几乎没什么学习成本
功能强大，放开你的想象力。各种支持bootstrap、vue、react、jquery等代码片段的快捷输入，git、svn版本管理，只要你能想到的，几乎都有对应的插件功能帮你实现。请开放你的大脑，充分想象！
作为前端开发的技术人员，必须掌握的技术之一就是Html，其他技术如Css，JavaScript，JQuery等等都是基于Html的，那么Html和今天我们耳熟能详的Html5究竟有什么区别，或者说Html怎么发展到Html5的呢？下面一起了解一下Html5和Html的区别吧！
一、什么是Html
HTMl（HyperText Markup Language）: 超文本标记语言，一种纯文本类型的语言。
特点有：
1、可以用来设计网页的标记语言；
2、用该语言编写的文件，以.html或者.htm为后缀；
3、由浏览器解释执行；
4、HTML表面上，可以嵌套用脚本语言编写的程序段，如：VBScript，JavaScript
与第一个纯文本的页面相比，Html页面引入了标签的概念，也是说，Html是文本+标签的形式。
二、什么是HTML5
Html5广义上来说包含了html5、css和JavaScript三个部分，不仅仅是根据第一印象的html5，html5让网页制作从布局到细节处理都更加的灵活，可以创建更好的网页结构，拥有更加丰富的标签，对媒体播放、编辑、存储等有更好的支持方式，兼容性更强。
三、HTML和HTML5的相同点
1、都是网页的基础，用来构建Web页面的“骨架”2、具有基本相同的标签，如div，form，p等等
四、HTML和HTML5的不相同点
1、 各个浏览器对HTML5的渲染或支持程度不同，但对HTML的支持或渲染已经很稳定 2、 html5正在发展，相当于于html的升级版本3、 html5用户可以编辑网页的部分内容4 、html5中元素可以使图像脚本更灵活5 、html5中 新的API让页面程序开发更简单6 、 html5改进页面表单操作 7 、html5新增加了很多新的标签，如footer等
五、hmtl5于html的区别
1.在文档类型声明上
html:< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional //EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
< html xmlns=”http://www.w3.org/1999/xhtml”>
html5:< !doctype html>
由这两者对比可见：在文档声明上，html有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧？而html5却是不同，只有简简单单的声明，这也方便人们的记忆。
2.在结构语义上
html:没有体现结构语义化的标签，我们通常都是这样来命名的< id=”header”> .这样表示网站的头部。
html5:在语义上却有很大的优势。提供了一些新的标签，比如:< header> < articale> < footer>
虽然在前几年html5已经出来了，但是那时候因为不够成熟，时机不对，才没被兴起。在这互联网高速发展的时候，也是来临4G的时代。正是学习HTML5的好时机，我们还不学习hml5就out了！