WebStorm实用小技巧

** 更改主题 **

** 去除WebStorm 默认打开上次最后启动的文件 **

Preferences->System Settings ->将Reopen last project on startup前对勾去掉

折叠快捷键：

command +/command - ****打开／折叠对应代码块

shift command + / shift command - ****打开／折叠所有的代码

control+command + / control+command - ****放大／缩小****webstrom****窗口

移动代码行

shift + command + ****上下箭头**** ****将光标所在的行向下或向上移动

代码规范

option + command + L ****对当前页面代码进行格式整理

快速查找

command ****＋**** shift + F ****全局查找或自己指定响应目录

command + F ****在当前页面查找

command + O ****查找类名
command + shift + O ****快速查找某个文件

插件

perferences —> Plugins

将代码屏分成两部分

右击相应的****tab,

选择****split + vertically ****竖直分成两屏

选择****split + horizontally ****分成上下两屏

安装EsLint帮助我们检查Javascript编程时的语法错误

安装：Npm install gulp-eslint –save-dev
在你的项目目录下，运行：eslint –init将会产生一个.eslintrc的文件，文件内容包含一些校验规则
配置：在webstrom下Preferences搜eslint,导入相应配置文件
http://www.cnblogs.com/ruanyifeng/p/5283708.html

webstrom 对vue文件支持

把.vue文件在WebStrom的设置里面的FileType设置为HTML，WebStorm就自动支持了.vue文件的高亮