事半功倍的WebStorm实用小技巧

事半功倍的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/.html

webstrom 对vue文件支持

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

欢迎补充更多好用的小技巧。