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文件的高亮

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