webstorm使用技巧

fanux 发布于2019-08-20 15:52 / 1718人阅读

摘要：在中使用正则进行查找或替换使用正则来查找想该行数据替换为下行数据。完全是按照正则的规则来书写的。注意勾选搜素或替换框中的，否则不生效。禁止索引从设置为删除插件来避免卡死。

在Webstorm中使用正则进行查找或替换

使用正则来查找
http://stackoverflow.com/ques...

想该行数据替换为下行数据。@include border-radius($big-radius);
border-radius: $big-radius;

Search for: 在搜素框中日填写下行。
@include(.*)((.*));
Replace with: 在替换框中填写下行。
$1: $2;
The (.*) parts creates groups. the $< number > reference those groups.

完全是按照正则的规则来书写的。

注意勾选搜素或替换框中的 Regexp，否则不生效。

禁止索引node_modules

从setting - directory - 设置node_modules为excluded
删除 .ignore插件来避免卡死
If you need it being excluded from all your projects by default, just add node_modules to "Ignore files and folders" list in

Settings -> Editor -> File types。添加 node_modules到ignore文件和文件夹列表

webpack无法在保存后自动重新编译

关闭Safe write选项
seems Webpack watch doesn"t work if the file is not saved directly. Please try turning "Safe write" option
( Settings | Appearance & Behavior | System Settings | Use "safe write" (save changes to temporary file first)) off

左侧不显示project视图

webstorm不显示project视图，删除.idea/目录，重新打开即可

不同库或框架的代码提示

Language & Framewors -> Javascript -> Libraries 安装不同语言或框架的代码片段，用于编写代码时的智能提示。

如何快速比较两个文件的不同

在左侧project视图选中两个文件，按CTRL+D 即唤起比较弹窗

live templates

https://www.jetbrains.com/hel...

live templates 配置文件路径 C:Users80920.WebStorm2017.2config emplates
可以去github上自己找一些 live templates的 xml文件，或是自己随意添加

license server

如何搭建license server, 传送门
在webstorm 2017.3.3版本很多网上可用的license server被封掉了，可用反代工具，使用反向代理的方式搭建本地的license server，将其跑在服务器即可，就不用每次在本地打开反代教程

直接在commit message中打开issue或bug链接

version control -> issue navigation, 它是使用正则做模式匹配， regExp -> replacement expression

会在git commit message 中搜索指定的模式，把他们链接到issue tracker中的按指定模式配置后的链接地址

alt + enter 弹出 quick-fix

converting function to arrow function,

var declarations to let and const,

require calls to import statements,

strings to template strings.

私有云混合云 webstorm node js webstorm 使用技巧使用技巧集萃

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82555.html

JAVA前后端分离开发环境搭建详细教程——JeecgBoot快速开发平台

摘要：目录索引后端开发工具前端开发工具镜像入门配置采用前后端分离的架构，官方推荐开发工具前端开发或者后端开发安装插件或者开发工具下载提取码后端开发工具序号工具参考安装插件自定义皮肤主题常用快捷键前端开发工具序号工具描述参考安装运行环境，此处使用目录索引：后端开发工具前端开发工具 Nodejs镜像 WebStorm入门配置 JeecgBoot采用前后端分离的架构，官方推荐开发工具 ...

Java_oldboy 2019-08-16 17:59 评论0 收藏0
【福利】你不可错过的WebStorm懒人一键设置包

摘要：详见快捷键可根据自己喜好替换附带一些设置技巧使用克隆仓库把仓库中的导入到。仓库地址： https://github.com/YutHelloWo... WebStrom-Setting A JS standard setting of WebStorm 起源前端工作以来，开发工具一直使用的是WebStorm（前端） + Eclipse（后端Java服务）。WebStorm虽然吃内存...

Jensen 2019-08-20 18:56 评论0 收藏0
webstorm和node配合使用的一些小技巧之External tools

摘要：所谓的表现样式控制分离。再后来修改维护时如果修改一些参数，或者样式很多时，结构很混乱，维护很麻烦，于是有了等一众预处理语言的一个好处就是可以让的结构很清晰。再加上现在模块化那么流行，还要强调重用性，所以模块里面还要再去套用模块。 webstorm和nodejs都是神器，只是我一直都没有发掘出来他们的厉害之处要说webstrom和node的配合使用不得不说一下平时的工作流程这里以css...

Mr_houzi 2019-08-29 10:55 评论0 收藏0
解决mac下webstorm编辑器识别less的问题

摘要：之前在使用开发项目过程中，发现代码里的有些地方总是飘红报错，虽然不影响整体代码运行，但是看起来总是很乱很难受，如下图由于当时忘记截图，在网上找别人的图片，但是遇到问题是一样的然后我在网上找了很多解决方案，大致有以下几个加上加上先全局安装然之前在使用webstorm开发vue项目过程中，发现代码里的less有些地方总是飘红报错，虽然不影响整体代码运行，但是看起来总是很乱很难受，如下图（...

KavenFan 2019-08-30 15:55 评论0 收藏0
解决mac下webstorm编辑器识别less的问题

摘要：之前在使用开发项目过程中，发现代码里的有些地方总是飘红报错，虽然不影响整体代码运行，但是看起来总是很乱很难受，如下图由于当时忘记截图，在网上找别人的图片，但是遇到问题是一样的然后我在网上找了很多解决方案，大致有以下几个加上加上先全局安装然之前在使用webstorm开发vue项目过程中，发现代码里的less有些地方总是飘红报错，虽然不影响整体代码运行，但是看起来总是很乱很难受，如下图（...

kel 2019-08-23 15:13 评论0 收藏0