Web前端开发工具

本文仅代表博主自己观点，希望对大家有所帮助。（只推荐以下三款，其余不推荐使用）

   1、HBuilder、HBuilderX（下载地址http://www.dcloud.io/）

（1）介绍：入门首推这两款工具。高校可能也有很多老师使用这两款教授学生。区别在于HBuilderX更加轻量，是HBuilder的下一代版本（Hbuilder已经停止更新维护），其压缩包大小仅10几M，通过自定义插件的安装来适应自己开发的需要，如git插件等。缺点是对各种框架的语法支持不是很好。

（2）优势：软件由C++开发，性能自然强大。轻量，能够秒开文件，工具内置浏览器。

（3）适合开发环境：H5 APP开发，单页面SPA开发等。但不推荐Node开发，对Node语法支持（express框架等）不是很友好。

   2、Editplus

（1）介绍：EditPlus是一款由韩国 Sangil Kim 出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器，是一个超级小巧的IDE。没有代码提示功能，只有语法高亮。

（2）优势：速度最快，适合快速查看代码

   3、Visual Studio Code（下载地址：https://code.visualstudio.com/）

              （1）介绍：微软推出的良心之作。是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分。

              （2）优势：软件界面优美，由于是开源软件，社区有很多自带主题可选，甚至可以自定义背景图片，具体方法参照我的另一篇博客https://mp.csdn.net/postedit/90704344。自带git、终端很强大，配合插件，终端可以连接远程Linux客户端。

             （3）适合开发环境：所有。学习TypeScript时，语言本身之所以很强大，其实离不开的是它的最强IDE。

附小技巧：

  1、中文安装方法：点击图中红圈，在上面搜索“Chinese”，安装后重启即可，官方中文汉化。

2、快速生成HTML文档：新建的HTML文档没有任何模板代码，这时需要输入英文的感叹号!，然后回车，即可快速生成H5文档模板。

3、前端开发推荐插件（ctrl+shift+x搜索即可）

JavaScript (ES6) code snippets ：快速生成ES6代码；

Live Server：在HTML文件右键open即可开启热更新服务器；

vetur：vue开发必备