前端开发有很多软件可使用，笔者用过Adobe Dreamweaver CS6 ，IntelliJ IDEA ,还有webstrom。但是这些虽然有他们的好处，比如 Dreamweaver 他特有的视图拆分，可以实时看到你设计网页的变化。但是个人认为Dreamweaver 用起来会比较繁琐。还有IJ个人认为比较适合web后端开发。在使用过很多软件之后，还是发现Visual Studio Code（简称VSCode）这款开发工具是真的不错。
VSCode简介：VSCode是微软公司提供的免费的一个开发工具。是一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。
VSCode部分便捷功能：
VSCode编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮（syntax high lighting），可定制的热键绑定（customizable keyboard bindings），括号匹配（bracket matching）以及代码片段收集（snippets）。Somasegar 也告诉笔者这款编辑器也拥有对 Git 的开箱即用的支持。
Visual Studio Code 提供了丰富的快捷键 [3] 。用户可通过快捷键 [Ctrl] + [K] + [S] （按住Ctrl键不放，再按字母K键和S键）调出快捷键面板，查看全部的快捷键定义。也可在面板中双击任一快捷键，为某项功能指定新的快捷键。一些预定义的常用快捷键包括：格式化文档（整理当前视图中的全部代码），[Shift] + [Alt] + [F]；格式化选定内容（整理当前视图中被选定部分代码），[Ctrl] + [K] + [F]；放大视图，[Ctrl] + [Shift] + [=]；缩小视图，[Ctrl] + [Shift] + [-]；打开新的外部终端（打开新的命令行提示符）：[Ctrl] + [Shift] + [C]。
VSCode下载地址：
进入官网之后就可以点击右上角的Download键进入下载界面。
然后选择window点击开始下载。
VSCode下载安装完成之后是一个英文的界面，这时候我们就要添加一个汉化插件。我们点击左侧的扩展输入Chinese开始安装中文插件。完成之后重启就可以进入中文界面了。
汉化完成之后就进入这个界面，然后点击新建文件就可以开始需要的编程啦。
注意：
VSCode中新建文件的命名是需要加入准确的后缀的，例如我们前端开发，就需要在建立一个页面的时候加入.html后缀。如：qianduanVSCode.html。
VSCode拥有便捷的快捷方式，输入英文的感叹号就可以选择第一个就可以生成需要的HTML头文件。
VSCode有很多扩展插件。