webstorm基础使用总结（不仅仅是一堆快捷方式）

注：原文链接：水车；

本次写的内容是我想到那个就写那个，都是本人平时写代码的时候的一些习惯，未必是最好的，贵在交流！

1: shift+enter

解释：不管光标在任何位置，都会跳的下一行;

举例：在写代码时难免会有些自动补全的代码，比如我们敲 func 会提示一个函数生成，而此时光标在圆括号里，我们又不用写形参，这是按shift+enter是最好的；

这里光标由1跳到了2

2：多光标编辑代码 Alt+鼠标左键

解释：我们在写css或者html时难免会同时修改不同行的相同代码，这时我们按住鼠标alt键，鼠标点击选择不同行要修改的地方

举例：

我敲了一遍aaa ---》

取消时只需点击其他地方就可以退出

3：快速编码开发html（内置Emmet ）

解释：就是能很快的开发html代码（哈哈！）

用法：在html《body》里输入： div>div>ul>li+li+li 按table后，猜猜会发生什么？看图————》》

有人会说了，我写这些，那我还要加我的id和class了，哈哈，那你就加啊！我想说的是别急！

再试下这个（记得按table键啊）

div#idName>div.className>ul.className>li.clssName+li+li

再猜猜会发生什么？--》》猜你妹啊，快点上图

还有很多写法，记得多学习，搜索Emmet查看语法！

4：再说个关于快速添加注释符号的 ctrl+/ 和 ctrl+shift+/

解释：这个在css，html，js中都很有用的，而且会按各自的标准去添加

用法：这个也要教，去死吧!

　　　　算了，回来，我简单的说说吧

　　　　　　　就是添加： //、 /* */、 <-- -->;这几个注释标签当然也是一个规则，选中则被包含，不选中择...

5:说个js的包含代码块(懂不？) ctrl+alt+T

解释：就是我们在开发js的时候写了一些代码，比如alert（'你个SB'），最后觉得这个骂一句不爽，我要来个for循环，多骂几句，就用这个，

　　常规我们是鼠标移到alert（'你个SB')这行代码上选中按 ctrl+x 之后再写下for循环再 ctrl+v 才算完成了现在不用了

用法：

看见for前边有个数字0 了吗？对，按 0 就可以了，还有，这里不选中代码块则包裹整行代码；

6：格式化代码---全局格式和局部格式( ctrl+ alt + L)

　　解释：代码格式化就是指代码整齐的，按一定规则进行缩进！css，html，js都有自己的缩进规则

　　用法：在不选中代码块时，格式的是整个页面，选中部分代码时，只针对选中的代码进行格式化！

　　就不上图了！

7：未完待不待续....

转载于:https://www.cnblogs.com/xuange306/p/4961802.html

webstorm基础使用总结相关推荐

php 中文字符串截取无乱码,php实现中文字符串无乱码截取
在PHP开发中会经常用到字符串截取,有的时候字符串截取会出现乱码的情况,那么怎么解决这个问题呢,其实也很容易首先我们要了解关于中英文占多少字节的问题. ASCII码:一个中文汉字占两个字节的空间. ...
webstorm安装和基础功能
webstorm安装和基础功能安装步骤 1.下载 2. 安装 3 .使用设置文字样式(字号大小.字体等) 设置皮肤主题 4.webstorm与VSCode的选择安装步骤 1.下载官网地址:ht ...
WebStorm前端启动JetLinks 物联网基础平台（2.x）
目录一.环境准备二.下载源码三.安装依赖四.修改配置五.启动项目六.访问项目一.环境准备 1.降级node版本为12.22.0 使用node版本管理器gnvm_苍穹之跃的博客-CSDN ...
python可以自学吗需要什么基础-python自学行吗？给编程初学者零基础入门的建议...
前言编程是一门高深的学问,对很多人来说都很难掌握,十分晦涩难懂.然而,还是有非常多人喜欢编程,喜欢「写编程」带给自己的乐趣.与满满的成就感.听很多朋友问过,如果是零基础的初心者,想转换跑道学编程该如 ...
webstorm设置
入行较浅,据我了解的,很多的前端都使用的 VScode,免费开源,各种自定义配置,体验很好.因为一开始接触前端时,用的就是 webstorm,之后尝试过 VScode,还是不太适应. 所以,这次想介绍 ...
webstorm 不识别.config文件_webstorm好用的十款插件
1,CodeGlance 代码的缩略图,VScode,sublime编辑器都有这个功能 2,Rainbow Brackets 彩虹颜色的括号看着很舒服敲代码效率变高 https://plugins ...
天翼云从业认证（1.8）了解软件开发的环境、软件基础架构和常用软件开发工具
常用开发环境软件是一系列按照特定顺序组织的计算机数据和指令的集合. 软件特点软件开发流程:调研沟通/获取需求.需求分析.产品设计.界面设计.设计原型图.程序编码.测试.打包发布.产品上线软件开发 ...
html5代码_干货篇！零基础学习HTML5要用到的6款开发工具
HTML5不是一种编程语言,而是一种标记语言,是程序员开发网页必用的一种开发工具.目前来说HTML5技术是非常火爆的,而且有专家预估在未来的10年HTML技术都不会过时.HTML5前景好,来学HTML ...
常见开发需求之前端利器webstorm中的git和快捷键
需求前端开发中我们最常用的一般是webstorm.hbuilder和sublime,因为以前使用过一段时间eclipse所以我对webstorm的感觉比较良好,再加上以前使用hbuilder维护 ...

webstorm基础使用总结

webstorm基础使用总结（不仅仅是一堆快捷方式）

webstorm基础使用总结相关推荐

最新文章

热门文章