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

 

目录
相关文章
|
C++ 索引
vscode clangd c++开发常见问题和解决方案
vscode clangd c++开发常见问题和解决方案
2084 0
|
1月前
|
开发者
|
8月前
|
Kubernetes 前端开发 Linux
VsCode开发工具的入门及基本使用
VsCode开发工具的入门及基本使用
234 1
|
Python
VsCode集成Python开发环境
VsCode 环境下构建 Python 开发环境
231 0
VsCode集成Python开发环境
|
前端开发 JavaScript IDE
前端基本开发工具的IDE/编辑器之WebStorm
WebStorm是目前使用非常广泛的一款前端开发工具,它为开发者提供了丰富的功能和良好的用户体验。下面就让我们来看看WebStorm的特点和优势。
131 0
|
前端开发 JavaScript IDE
前端基本开发工具的IDE/编辑器之VSCode
VsCode是一个轻量级的、跨平台的开源编辑器,是Microsoft开发的一款非常流行的前端开发工具。下面就让我们来看看VsCode的特点和优势。
158 0
|
前端开发 JavaScript 小程序
前端vscode必装插件
vscode:免费开源,在开发vue和react 挺好的,如果vue 和 react 结合ts ,那么这个编辑器讲会是一个神器,爽的不得了。而且比较轻量级的。
|
Shell
vscode 插件系列教程1:环境准备
vscode 插件系列教程1:环境准备
185 0
|
运维 前端开发 JavaScript
前端技术-Vscode 安装和使用 | 学习笔记
简介:快速学习前端技术-Vscode 安装和使用
99 0
前端技术-Vscode 安装和使用 | 学习笔记
|
前端开发 JavaScript Linux
前端必备的开发工具推荐——VScode代码编辑器
前端必备的开发工具推荐——VScode代码编辑器
前端必备的开发工具推荐——VScode代码编辑器

热门文章

最新文章