安装和配置—Webstorm入门指南

WebStrom档案

• 用途：功能强大的前端专用IDE，拥有即时编辑（chrome）、自动完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、单元测试、集成git和svn版本控制等特性，推荐前端工程师使用。
• 版本：5.0
• 英文文档
• 插件库

Idea、 PhpStorm、Webstorm三者是一脉相承的IDE，界面和操作基本相同，Webstorm速度最快，Idea功能最强大。明河主要讲解Webstorm，可以套用到PhpStorm和Idea上。

Webstorm目前无中文版，很多同学刚上手时摸不着头脑，这也是明河写这个系列教程的原因，如果你愿意看完这个系列教程，就会体验到Webstorm的省心和强大。

Webstorm的安装

WebStrom下载

明河的配置、字体、配色、插件资源（还会更新）

先下载Webstorm，然后从明河的分享链接中找到注册机下载到本地。

安装过程很简单，一直下一步即可，运行Webstorm后，会出现需要注册的页面，打开注册机程序：

将注册机的信息复制进去即可。

Webstorm的默认字体和配色相当糟糕（这点不如sublime_text），你可以直接手动改进Webstorm的配置（颇有成就感哦O(∩_∩)O），当然也可以直接导入明河的配置（从分享链接中找到明河的配置包，下载到本地），如下图：

（当然，你也可以点击“Export settings”导出你自己的配置。）

手动配置Webstorm

配置项极其丰富，建议善用搜索，比如配置字体大小：

git配置

导入后可能会出现一个“git配置失败”的提示，如果你没有用git可以无视，有用git，可以点击“fix it”：

找到你本机的git目录：

有使用github，还需要配置下github的账号和密码：

进入Webstorm的配置界面，搜索github

推荐使用字体

推荐使用DroidFamily或SourceCodePro_FontsOnly字体，这二款字体都很美观，代码看上去很舒服，在明河的分享链接上有个“字体”文件夹里面有，自行下载安装，安装完后重启Webstorm，进入“settings”，找到font配置。

下一篇将讲解Webstorm的初步使用和主要界面模块。