Sublime 很强大，但是在项目越来越大而复杂的时候，会显得力不从心。比如函数追踪功能的确实，找个创建函数的地方很麻烦

这时候就该 WebStorm 出场了

0、无法输入中文句号、顿号等是 JDK 的问题，要解决需要将 Mac 自带的 JDK 降级（无需要可以不管他）。

　　启动后会扫描项目目录建立索引，node_modules 目录文件太多，需要排除：右键 > Mark Directory As > Excluded。

　　项目目录中会生成一个 .idea 目录，删除这个目录即可删除 webstorm 中的项目

1、侧边栏文件名颜色问题：当项目为 git 进行版本控制的时候，文件的不同状态会有颜色，默认的很难看。在这个位置配置各种颜色。通常这里的配置需要重启才能生效

2、WebStorm 具有自动保存的功能，通常喜欢手动保存，那么进行以下配置

首先取消自动保存

勾选这个选项后，文件变动而未保存，文件名前面才会出现星号，否则没有什么明显的提示

3、ESLint 进行代码校验：首先全局和项目内都安装好 ESLint 配置好 node 的路径，和 eslint 的路径即可。语法有问题的地方，会有下波浪线提示。使用 alt + shit + i 也能进行当前文件的语法校验。

4、开启自动换行

5、修改 Emmet 快捷键

6、多列显示的方法：在 tab 上右键，选择 open new tab... ；不同列之间移动 tab 不能拖动，只能右键选择 Move to opposite group

最后，导出设置：File > Export Settings导出用户设置；导出后的配置以jar包的形式存在，导入也同样简单，File > Import Settings，选择jar包导入成功后，重启WebStorm就大功告成了

常用快捷键：

alt + shit + i  代码检测

ctrl + z | ctrl + shift + z  撤销和重做

ctrl + d  复制当前行

ctrl + x 删除当前行

ctrl + shift + ↑|↓  移动当前块（不只是当前行，比如一个对象字面量采用多行的写法，会整个移动）

win + g  用来选中多个相同的元素，同 Sublime 的 ctrl + d

自己修改的配置文件，鲜明的配色和贴合 Sublime 使用习惯的快捷键：

http://pan.baidu.com/s/1dFsgv8d

WebStorm 使用的更多相关文章

  1. Webstorm+Webpack+echarts构建个性化定制的数据可视化图表&&两个echarts详细教程（柱状图，南丁格尔图）

    Webstorm+Webpack+echarts   ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(I ...

  2. 使用webstorm+webpack构建简单入门级“HelloWorld”的应用&&引用jquery来实现alert

    使用webstorm+webpack构建简单入门级"HelloWorld"的应用&&构建使用jquery来实现 1.首先你自己把webstorm安装完成. 请参考这 ...

  3. webstorm下载&&安装过程&&打开项目

    一.webstorm下载 WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为"Web前端开发神器"."最强大的HT ...

  4. WebStorm 2016 最新版激活(activation code方式)

    WebStorm 2016 最新版激活(activation code方式) WebStorm activation code WebStorm 最新版本激活方式: 今天下载最新版本的WebStorm ...

  5. webstorm license key

    JetBrains WebStorm注册码 UserName: William License Key : ===== LICENSE BEGIN ===== 45550-12042010 00001 ...

  6. WebStorm 常用功能的使用技巧分享

    WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大 ...

  7. Webstorm编译TypeScript

    下载webstorm 下载node.js编译器npm   Webstorm的安装很简单.但如果没有Java For Mac 环境打开Webstorm时会有提示,点击提示会跳转下载链接,下载安装就好. ...

  8. WebStorm

    1,简介 WebStorm 10是一款强大的HTML5编辑工具,是 JetBrains 推出的一款商业的 JavaScript 开发工具.功能强大的前端专用IDE,拥有即时编辑(chrome).自动完 ...

  9. webstorm 常用快捷键

    webstorm应该是目前最强的js编辑器了,结合sublime text可以很效率的开发项目.今天整理了一些webstorm比较实用的快捷键: Ctrl+/ 或 Ctrl+Shift+/ 注释(// ...

  10. WebStorm 2016.2.3的安装与汉化

    WebStorm是一款功能出色的JavaScript开发工具.号称是""Web前端开发神器"."最强大的HTML5编辑器"."最智能的Jav ...

随机推荐

  1. 计算C++类所占用的字节（即sizeof）

    在类中,如果什么都没有,则类占用1个字节,一旦类中有其他的占用空间成员,则这1个字节就不在计算之内,如一个类只有一个int则占用4字节而不是5字节.如果只有成员函数,则还是只占用1个字节,因为类函数不 ...

  2. c#读取文本文档实践1-File.ReadAllLines()

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.I ...

  3. Python File I/O

    File is a named location on disk to store related information. It is used to permanently store data ...

  4. UIViewController添加子控制器（addChildViewController）

    // //  TaskHallViewController.m //  yybjproject // //  Created by bingjun on 15/10/27. //  Copyright ...

  5. 2016 - 1 - 19NSOpertation的依赖关系和监听

    一:NSOperation的依赖: 1.概念:队列中的A操作需要等其他B操作或者某些操作执行完毕后才执行,就叫做A依赖与B或者A依赖于其他某些操作. 2.注意点:不能循环依赖,否则卡死.如: [op2 ...

  6. GSM Sniffing入门之软件篇：GSMTAP抓取与SMS(Short Message Service)

    重点介绍如何利用50元左右的设备,抓包并还原SMS短信内容: ps:研究GSM Sniffing纯属个人兴趣,能抓SMS报文只是捡了个明文传输的漏子,切勿用于非法用途.就像sylvain说的,osmo ...

  7. C#基础知识学习

    C#基础知识整理 学习地址:http://blog.csdn.net/column/details/csarp.html

  8. Mac 将mysql路径加入环境变量

    1.打开终端,输入: cd ~ 会进入~文件夹 2.然后输入:touch .bash_profile 回车执行后, 2.再输入:open -e .bash_profile 会在TextEdit中打开这 ...

  9. 程序员是怎么炼成的---OC题集--练习答案与题目(3)

    1.init 2.initWithBytes:length:encoding: 3.initWithCharacters:length: 4.initWithCString:encoding: 5.i ...

  10. 锋利的jQuery之事件

    jQuery中的事件和动画 JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的.当文档或者它的某些元素发生某些变化或操作时,浏览器会自动生成一个事件.例如:当浏览器 ...