安装和配置—Webstorm入门指南

weeniebear 2014-01-09

WebStrom档案

安装和配置—Webstorm入门指南

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

Idea、 PhpStorm、Webstorm三者是一脉相承的IDE,界面和操作基本相同,Webstorm速度最快,Idea功能最强大。

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

Webstorm的安装

WebStrom下载

先下载Webstorm,然后找到注册机下载到本地。

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

安装和配置—Webstorm入门指南

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

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

安装和配置—Webstorm入门指南

(当然,你也可以点击“Export settings”导出你自己的配置。)

手动配置Webstorm

安装和配置—Webstorm入门指南

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

安装和配置—Webstorm入门指南

安装和配置—Webstorm入门指南

git配置

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

找到你本机的git目录:

安装和配置—Webstorm入门指南

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

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

安装和配置—Webstorm入门指南

推荐使用字体

推荐使用DroidFamily或SourceCodePro_FontsOnly字体,这二款字体都很美观,代码看上去很舒服,安装完后重启Webstorm,进入“settings”,找到font配置。

相关推荐

芒果先生Mango / 0评论 2017-04-28