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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论