很多网页编辑器，如只编辑文字和标签都好用，但预览页面功能要么没有，要么难用。 brackets预览效果非常好，如有实时预览需求，推荐使用brackets。预览页面还隐藏高级功能，在选择html标签时自动高亮预览页面，反之点击预览页面自动高亮html标签，这个双向高亮特性很有用，提高制作html页面的效率，减少人工筛选，降低用眼疲劳。只要文本编辑，VSCode和Sublime Text都可以，看个人喜好。
推荐使用搬砖札记创建个人知识库，札记列表中的前端开发工具内容都是使用搬砖札记软件服务创建。
具体使用方法：在搜索引擎中，找到这三种开发工具的介绍网页。使用搬砖札记30秒可克隆一个网页副本，轻松创建个人知识，并添加至札记列表，每个札记可进入编辑内容、删减文字、高亮文字和增加批注，轻松辅助学习、提高技能。
VSCode内置功能非常丰富、插件全且安装简单、轻量。IDE含代码编辑器、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能。可用于 Windows，macOS 和 Linux。它具有对 JavaScript，TypeScript 和 Node.js 的内置支持。下载安装文件后单击运行，就可以开始安装。设置快捷键高效使用VSCode，记住一些常用的快捷键是必不可少的。
Brackets使用Live Preview功能可以在浏览器预览和源代码之间轻松切换，支持Windows，Mac以及Linux操作系统，内置HTML、CSS、以及JavaScript编码，可以用于编写HTML，CSS以及JavaScript。brackets是adobe出品，针对 WEB 前端开发而生，这一点和其他通用代码编辑器不一样，最简洁，js提示最舒服。
Sublime Text 是一个文本编辑器（收费软件，可以无限期试用），也是一款跨平台代码编辑器，可以写c/c++、Python、html/css/js等等代码。支持 Windows、Linux、Mac OS X等操作系统。支持代码补全、代码折叠，自定义皮肤等功能。用户界面和强大的功能，代码缩略图，代码段、自定义键绑定，菜单和工具栏。