visual studio code，，轻便简洁，，非常适合用来做页面。

优势方面：轻量级编辑器,丰富的插件系统,代码跟踪功能

使用vscode推荐使用插件：

1. Chinese (Simplified) Language Pack for Visual Studio Code

这是一款汉化VScode的插件，如果你的英文不是很好，不习惯英文的编程环境，那么你就可以安装这款插件。需要提醒一下，插件安装好之后，他会提示你是否更改自己的语言，你要选择是，如果没有成功，可以查看后面的具体汉化教程。

2. TSLint

代码检查插件，让我们的代码更加的规范和正确。

3. Vetur

Vue工具插件，可以让Vue代码高亮显示、进行Vue代码检查、提示Vue代码、格式化代码等。

4.Vue 2 Snippets

Vue扩展插件，如果你要进行编写Vue代码，进行安装就行了。

5.Vue Snippets(vue-ls)

Vue扩展插件，如果你要进行编写Vue代码，进行安装就行了。

6.TypeScript Importer

TS代码导入器，帮助我们更好地写TS代码

7.Beautify

代码美化工具，也就是对我们的代码进行格式化。

感觉最好的就是汉化，直接下一个插件，直接重启就可以生效，非常方便。

最好使用vscode、webstorm、sublime等这些专业开发工具，但其实可以使用windows自带的记事本工具来写代码，只不过开发效率有些低，因为这个工具不带任何提示功能。

Sublime这个会好点

我以前常用的是vscode和webstorm，个人强烈推荐vscode，官方的中文翻译包，你懂的

一、JetBrains WebStorm 4.0

作为拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。

二、Adobe Edge

目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。

动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。

三、Adobe ColdFusion 10

ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。

四、Adobe Dreamweaver CS6

Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。

用户不但还能在Live View中预览，还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。

五、Sencha Touch 2

Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。

六、Sencha Architect 2

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。

1.编辑器里边推荐sublime，这是通过自己的简单配置，能够顺手使用的一款，界面炫酷，主题漂亮，体验给力。

2. vim,emacs,textmate入门曲线比较陡，不建议使用。

3. notepad++,editplus。notepad++有黑色主题。

4. webstorm,phpstorm,intellijdea，随便选一款，都差不多。分别支持不同的后台语言而已。

5.webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。

学习HTML5可以用以下软件：

1、VS Code

这是一个免费、开源、跨平台的代码编辑器，轻便灵活、运行速度快、占用内存少，在前端网页编程中经常会用到，自动补全、语法提示、代码高亮等功能非常不错，插件扩展丰富，生态环境良好，对于前端编程来说，是一个非常不错的选择：

2、Sublime Text

这也是一个轻便灵活的代码编辑器，可以跨平台使用，文本编辑功能强大，在前端网页编程中也广泛应用，支持众多编程语言，代码高亮、语法提示、智能补全等功能非常不错，插件扩展良好，对于前端网页编程来说，也是一个非常不错的选择：

3、HBuilder

这是一个免费、国产的web编程软件，专门用于前端网页编程，界面柔绿、整洁大方，自动补全、语法高亮等功能非常不错，除此之外，还自带云打包功能，可以轻松将前端网页打包为安卓或苹果应用，对于前端网页编程来说，也是一个不错的选择：

4、WebStorm

这是一个专业、重量级的web开发软件，Jetbrains公司的产品，可以跨平台使用，相比较前面轻量级的代码编辑器来说，web storm支持单元测试、代码重构、代码分析等高级功能，因此调试开发效率更高，在大型项目开发中经常会用到：

5、Atom

这是GitHub专门为广大程序员开发的一个代码编辑器，免费、开源、跨平台，界面简洁、直观大方，支持语法检查、自动补全、代码高亮等常见功能，插件扩展也非常丰富，对于前端HTML、CSS编程来说，也是一个不错选择，唯一的缺点就是启动速度比较慢，偶尔会出现内存占用率过高的问题：

6、Notepad++

这是一个广泛使用的轻量级代码编辑器，主要应用在windows环境下，免费开源，记事本的增强型，支持多达几十种编程语言，自动补全、语法检查、代码高亮等功能都不错，对于前端编程来说，也是一个不错的选择