WebStorm安装与使用

一、简介

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国js开发者誉为”Web前端开发神器”、”最强大的HTML5编辑器”、”最智能的JavaScript IDE”等。

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

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

二、安装

官网地址:http://www.jetbrains.com/webstorm/
去官网下载最新版本进行安装.

---

---

---

---

---

下面会要求你激活，如果不激活的只有免费使用30天：

激活这个能用: http://idea.qinxi1992.cn/

或者：

---

安装成功：

三、配置

• 设置背景色为黑色

  点击settings
  

---

---

选择之后点击确定,然后整个软件的颜色就全变黑了。

• 设置字体大小

字体设置在Settings–>Editor–>Colors&Fonts–>Font下面

点击Save AS 先另保存一份再进行修改

点击OK就完成了修改。

---

四、Webstorm的插件

功能之一，通过插件完成各种新的js框架的开发，写代码直接有提示、补全功能，懒人必备。

• IdeaVim

下载量最高的插件，让idea支持vim的快捷键！

• TabSwitch

快速切换代码文件选项卡

• markdown

支持markdown语法

• JsTestDriver

webstorm内置，推荐idea安装，用于回归js单元测试。

• 文件模版

这是webstorm酷炫的功能之一，提供模板个自定义模板。

里面还有很多功能，node.js配置，git使用等等，还有无数功能。。。。。