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的安装
明河的配置、字体、配色、插件资源(还会更新)
先下载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的初步使用和主要界面模块。