安装和配置—Webstorm入门指南

半城伤御伤魂 提交于 2019-12-03 11:52:07

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的初步使用和主要界面模块。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!