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

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

  • 92 views
    A+
发布日期:2021年09月10日 12:00:00  所属分类:知识经验
标签: