webstorm基础使用总结

简介: webstorm基础使用总结(不仅仅是一堆快捷方式)    注:原文链接: 水车 ;  本次写的内容是我想到那个就写那个,都是本人平时写代码的时候的一些习惯,未必是最好的,贵在交流! 1:  shift+enter  解释:不管光标在任何位置,都会跳的下一行;  举例:在写代码时难免会有些...

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未完待不待续....

 

目录
相关文章
|
监控 关系型数据库 机器人
小白带你学习linux的监控平台zabbix
小白带你学习linux的监控平台zabbix
448 0
|
SQL 关系型数据库 MySQL
PostgreSQL入门教程
PostgreSQL入门教程
|
弹性计算 虚拟化 异构计算
阿里云gpu服务器租用价格表(2023阿里云gpu服务器租用详细报价)
阿里云gpu服务器租用价格表(2023阿里云gpu服务器租用详细报价)阿里云GPU服务器租用价格表包括包年包月价格、一个小时收费以及学生GPU服务器租用费用,阿里云GPU计算卡包括NVIDIA V100计算卡、T4计算卡、A10计算卡和A100计算卡,GPU云服务器gn6i可享受3折优惠,分享阿里云GPU服务器租用价格表、GPU一个小时多少钱以及学生GPU服务器收费价格表:
434 0
|
人工智能 算法 数据挖掘
技术沙龙直播|3D-Speaker多模态说话人开源详解
技术沙龙直播|3D-Speaker多模态说话人开源详解
|
存储 人工智能 安全
AI工具使公司面临数据泄露的风险
AI工具使公司面临数据泄露的风险
|
搜索推荐 数据可视化 BI
ECharts 蓝色系-荧光图标折线图01案例
ECharts 案例展示了一周内各路线数据的蓝色荧光折线图,揭示流量趋势。预览包括静态图片和动态GIF。使用ECharts 5.2.0配置图表,包含背景、网格、图例及数据。代码示例初始化图表、定义X轴类别和Y轴值,以及系列颜色。完整案例可在链接中下载。案例结合动态效果与个性化设计,增强数据可视化的吸引力。
345 0
ECharts 蓝色系-荧光图标折线图01案例
|
NoSQL 安全 Linux
Redis 从入门到精通之内存和CPU配置优化
Redis 是一种基于内存的数据存储系统,因此内存的规划是非常重要的。在配置 Redis 内存时,应该避免物理内存使用过量导致大量使用 Swap,同时需要考虑内存碎片的问题。根据多年的经验整理了一些建议
1378 102
|
C++
现代制造之Cura切片
现代制造之Cura切片
293 0
|
数据采集 存储 数据可视化
医院影像PACS系统三维重建技术(获取数据、预处理、重建)
开放式体系结构,完全符合DICOM3.0标准,提供HL7标准接口,可实现与提供相应标准接口的HIS系统以及其他医学信息系统间的数据通信。
475 3
|
Java API
深入理解 Java 循环结构:while、do while、for 和 for-each 循环
循环可以执行一个代码块,只要达到指定的条件。循环很方便,因为它们节省时间,减少错误,并使代码更易读。
368 1