Webstorm的基本操作

    xiaoxiao2021-03-25  196

    说起来,比较主流的IDE呢,有DW,Sublime Text,Eclipse,Webstorm等,我主要介绍Webstorm。 为什么要独宠它呢?那就开始说说,

    Webstorm可以创建很多类型的文件,看图一目了然, 在有,各种面板应有尽有

    功能

    代码补全 自动 多光标功能 alt键选择内容不松手 代码格式化 ctrl+alt+l Emmet 代码补全 例:div+tab键生成div标签,div>ul>li*3

    > —-代表父子关系,* —-重复,+ —-同等级,^ —-爬升一级, () —-清晰逻辑关系 , . —-class , # —-id , [ ] —-自带属性 , $ —-快速增长补全(ul>li.item-$*5) , { } —- 文本内容 p{段落内容} ,lorem—-文字补全 lorem100, m10 —- margin:10px; , m10-20—-margin:10px 20px; ,bdrs10 —-border-radius:10px; ,df —- display:flex;

    注意:1.展开的时候,光标要放在一句话最后 2.中间不要有空格

    右击 Local History->show History 可查看修改历史记录,进行对比

    快捷键: ctrl+n —- —-新建文件 按2下shift键 —- —-快速查找 ctrl+r —- —- 替换 alt+鼠标选择 —- —- 纵向修改排列在一条线上的元素 alt键选择内容不松手 —- —- 多选 esc —- —- 取消选择 ctrl+alt+l —- —-代码格式化 tab键 —- —-代码补全,嵌套 ctrl+d —- —-快速复制一行

    体贴易用小功能

    ctrl+/ —- —-注释 ctrl+alt+回车 —- —- 在当前行上面添加一行 ctrl+shift+回车 —- —- 在当前行下面添加一行 ctrl+ - —- —-折叠代码块 ctrl+ + —- —-展开代码块 ctrl+shift+ - —- —-折叠整个文件代码 alt+shift+ 上下移动键 —- —- 移动代码 ctrl + m —- —-成对闭合标签定位 ctrl + e —- —- 最近使用的文件

    转载请注明原文地址: https://ju.6miu.com/read-6133.html

    最新回复(0)