前端开发工具 IDE-HTML(5)零基础到实战进阶

当前位置:　首页>> 技术小册>> HTML(5)零基础到实战进阶

本章节我们介绍一下 IDE ，它的全称是 Integrated development environment（集成开发环境）。同样是编辑代码的工具，为什么动辄几百 M 甚至几 G 大小的 IDE 为什么备受开发者青睐呢？

1\. 为什么使用 IDE
-------------

那是因为相对记事本这种轻量级编辑器来说，IDE 软件自带语法高亮、缩进、编码变换等对于开发者比较便捷的小工具，使他真正意义上成为了代码编辑器，甚至有不少 IDE 提供一些版本控制（ Git/SVN ）、可视化编程、本地运行环境等功能，真正做到所见即所得的自动化编程。  
![](/uploads/images/20230211/0c84046f938e24f697d0d13e96492cb9.jpg)
上图是一个典型的 IDE 开发截图，其中包含了语法错误的代码高亮、函数提示、左边的代码结构等  
通俗的来说，假如你用系统自带的记事本来编程的话，可能你需要记住所有的语法以及所有的函数名称才行，在高级语言中函数库动辄成千上万，如果需要把函数全都背熟才能开发的话，编程的门槛就相当的高了，而且不利于程序员把精力集中于业务分析和算法实现等真正需要脑力劳动的环节，有了 IDE 之后相当于程序员解放了重复劳动的环节。总的来说，IDE 是一种提高编程效率的代码编辑软件。

2\. 主流 IDE 介绍
-------------

### 2.1 榜单

> 2019 全球 IDE 市场占有份额  
> ![](https://pic4.zhimg.com/80/v2-74db9860fb7a9c6b143472c9a02d4877_720w.jpg)

### 2.2 主流 IDE 介绍

本章主要介绍市面上比较流行的各种主流语言对应的IDE

#### 2.2.1 webstorm

webstorm 是 jetbrains 公司旗下的产品，主要用于 web 开发，比誉为“ web 前端神器”，主要应用于 HTML css JavaScript 编程。它的官网地址是 [webstorm](https://www.jetbrains.com/webstorm/)。

#### 2.2.2 VS code

vs code 全称 visual studio code，是微软公司开发的的文本编辑器，具有良好的跨平台性，同时支持 Windows、 Linux、 OS X 操作系统。但是 vs code 并非像传统的 IDE 一样开箱即用，而是需要配置额外的插件，例如 Git、代码高亮、语法提示等等，才能用的比较舒心。它的官网地址是 [VS code](https://code.visualstudio.com/)。

#### 2.2.3 PHPstorm

PHPstorm 也是 jetbrains 的产品，相当于包含 webstorm 的所有功能+ PHP 运行环境+PHP语法+sql支持，主要用于PHP的编程。它的官网地址是 [PHPStorm](https://www.jetbrains.com/zh-cn/phpstorm/promo/?utm_source=baidu&utm_medium=cpc&utm_campaign=cn-bai-br-phpstorm-ex-pc&utm_content=phpstorm-prue&utm_term=phpstorm)。

#### 2.2.4 Cloud 9

cloud 9 是亚马逊公司推出的在线 IDE ，只要打开浏览器就能使用，但是目前在国内市场占有率较低。目前支持PHP、JavaScript、Python 等主流编程语言，使用较为方便。它的官网地址是 [Cloud 9](https://www.cloud9.gg/)。

#### 2.2.5 IntelliJ IDEA

使用 Java 开发的一个 IDE，对于 Java 开发者比较友好，其中 alt + enter 代码修复功能比较出名。它的官网地址是 [IntelliJ IDEA](https://www.jetbrains.com/idea/)。

#### 2.2.6 EMACS

比较出名的集成开发环境和代码编辑器，由 Richard Stallman 和 Guy Steele 在 1975 年共同开发。早期在 lisp 语言开发环境较为流行，学习曲线相对比较陡峭。它的官网地址是 [EMACS](https://www.gnu.org/software/emacs/)。

3\. 小结
------

总体来说如果只做 HTML 开发，webstorm 应该是比较好的选择，体积轻量，功能健全。但是 IDE 就像编程语言一样，没有最好的，只有最适合的，只有选择了最符合你的操作习惯的才是最好的。

该分类下的相关小册推荐：

HTML5 游戏开发快速提升