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

 

目录
相关文章
|
4月前
|
IDE 开发工具
Vscode的远程开发之VScode优势(一)
Vscode的远程开发之VScode优势(一)
79 1
|
9月前
|
开发者
|
Web App开发 JavaScript 前端开发
推荐几个 vscode开发需要的插件
推荐几个我在开发中使用到的vscode的几个插件:
235 0
|
开发框架 JavaScript 前端开发
WebStorm使用
WebStorm使用
|
IDE JavaScript 前端开发
Remix IDE 使用与 VSCode 搭建 Solidity 开发环境
Remix IDE 使用与 VSCode 搭建 Solidity 开发环境
1973 0
|
前端开发 JavaScript IDE
前端基本开发工具的IDE/编辑器之WebStorm
WebStorm是目前使用非常广泛的一款前端开发工具,它为开发者提供了丰富的功能和良好的用户体验。下面就让我们来看看WebStorm的特点和优势。
203 0
|
前端开发 JavaScript IDE
前端基本开发工具的IDE/编辑器之VSCode
VsCode是一个轻量级的、跨平台的开源编辑器,是Microsoft开发的一款非常流行的前端开发工具。下面就让我们来看看VsCode的特点和优势。
241 0
|
XML 前端开发 小程序
vscode前端开发 - 常用插件
vscode前端开发 - 常用插件
251 0
uiu
|
前端开发 JavaScript
VSCode安装与前端开发必备插件安装
VSCode安装与前端开发必备插件安装
uiu
206 0
VSCode安装与前端开发必备插件安装
|
存储 API C++
从0到1开发一款自己的vscode插件
从0到1开发一款自己的vscode插件