WebStorm 使用

摘要:
比如函数追踪功能的确实,找个创建函数的地方很麻烦这时候就该WebStorm出场了0、无法输入中文句号、顿号等是JDK的问题,要解决需要将Mac自带的JDK降级。通常这里的配置需要重启才能生效2、WebStorm具有自动保存的功能,通常喜欢手动保存,那么进行以下配置首先取消自动保存勾选这个选项后,文件变动而未保存,文件名前面才会出现星号,否则没有什么明显的提示3、ESLint进行代码校验:首先全局和项目内都安装好ESLint配置好node的路径,和eslint的路径即可。

Sublime 很强大,但是在项目越来越大而复杂的时候,会显得力不从心。比如函数追踪功能的确实,找个创建函数的地方很麻烦

这时候就该 WebStorm 出场了

0、无法输入中文句号、顿号等是 JDK 的问题,要解决需要将 Mac 自带的 JDK 降级(无需要可以不管他)。

启动后会扫描项目目录建立索引,node_modules 目录文件太多,需要排除:右键 > Mark Directory As > Excluded。

项目目录中会生成一个.idea 目录,删除这个目录即可删除 webstorm 中的项目

1、侧边栏文件名颜色问题:当项目为 git 进行版本控制的时候,文件的不同状态会有颜色,默认的很难看。在这个位置配置各种颜色。通常这里的配置需要重启才能生效

WebStorm 使用第1张

2、WebStorm 具有自动保存的功能,通常喜欢手动保存,那么进行以下配置

WebStorm 使用第2张

首先取消自动保存

WebStorm 使用第3张

勾选这个选项后,文件变动而未保存,文件名前面才会出现星号,否则没有什么明显的提示

3、ESLint 进行代码校验:首先全局和项目内都安装好 ESLint 配置好 node 的路径,和 eslint 的路径即可。语法有问题的地方,会有下波浪线提示。使用 alt + shit + i 也能进行当前文件的语法校验。

WebStorm 使用第4张

4、开启自动换行

WebStorm 使用第5张

5、修改 Emmet 快捷键

WebStorm 使用第6张

6、多列显示的方法:在 tab 上右键,选择 open new tab... ;不同列之间移动 tab 不能拖动,只能右键选择 Move to opposite group

7、修改文件解析的类型:新建了一个文件,扩展名用错了,修改扩展名后 webstorm 语法解析不能自动变成扩展名的语法,需要在 File ->Associate with File Type... 中修改

最后,导出设置:File > Export Settings导出用户设置;导出后的配置以jar包的形式存在,导入也同样简单,File > Import Settings,选择jar包导入成功后,重启WebStorm就大功告成了

常用快捷键:

alt + shit + i 代码检测

ctrl + z | ctrl + shift + z 撤销和重做

ctrl + d 复制当前行

ctrl + x 删除当前行

ctrl + shift + ↑|↓ 移动当前块(不只是当前行,比如一个对象字面量采用多行的写法,会整个移动)

win + g 用来选中多个相同的元素,同 Sublime 的 ctrl + d

自己修改的配置文件,鲜明的配色和贴合 Sublime 使用习惯的快捷键:

http://pan.baidu.com/s/1dFsgv8d

免责声明:文章转载自《WebStorm 使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇前端实现在线预览pdf、word、xls、ppt等文件Scala从入门到精通之四-映射和元组下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

解决webstorm中vue语法没有提示

首先看看webstrom内置的vue插件,打上勾,没有这个选项就要自己去下载插件了 如果插件还是没有语法提示,可以用下面的方法,自己添加语法进去搜索 unknown HTML tag attributes ,将下面的指令复制到点开的窗口里v-textv-htmlv-oncev-ifv-showv-elsev-forv-onv-bindv-modelv-re...

webstorm激活方法

以前都是用的sublime,现在的公司用webstorm然后自己下载软件试用期到了,在网上找到了激活方式如下: 1.当我们打开webstorm软件后,左键点击上面一行菜单栏中的help即”帮助“选项。 2.点击之后,会有列表弹出,我们选择倒数第三个“register”(注册)选项, 3.软件出现一个弹出框,提示我们免费体验的剩余天数,并有三种激活方法,购买...

WebStorm

这里插放一下转载的 .md即markdown文件的基本常用编写语法(图文并茂) webstorm安装 Webstorm下载地址 若hosts文件屏蔽了则无法打开,需修改 http://www.jetbrains.com/webstorm/ Webstorm安装、破解、使用 https://www.cnblogs.com/hskw/p/9294860.htm...

WebStorm主题设置

对于使用WebStorm作为开发工具的筒子们,应该忍受不了默认的主题吧,但是自己去一个一个设置又太繁琐。So,去网上下个主题那是必须的。搜来一圈,发现一个网站提供了不少主题。闲话少说,进入正题。     1.首先从WebStorm主题上下载自己喜欢的主题。     2.然后将主题文件copy到一个文件夹下。使用OSX系统的童鞋放到 ~/Libray/Pre...

webstorm 和 vscode 的纠结

  自从知道了 vscode 之后,尝试了一下后,就开始纠结是否要更换到vscode。 特别是在 webstorm 卡的时候。   也研究了几日 vscode,安装了许多插件。 我是安装插件后, 就开始学习快捷键。   虽然纠结, 不过转换也是非常快。一般查看下自己用的几个快捷键。然后看看是否支持 snippet 功能, 在webstorm 中是 Live...

解决webstorm卡顿问题

webstorm强大的功能就不多做介绍了。但是它的缺点也显而易见:吃内存。 电脑配置稍低一点,运行webstorm就特别容易卡顿,特别是项目比较大的时候,那卡顿得不要不要的。 在我的笔记本8g内存 256ssd的配置下,运行webstorm还是会稍微有点卡。 不过可以通过设置 内存值大小来解决。 具体办法: 找到WebStorm.exe.vmoptions...