atom里一些快捷键

Violet_Stray

于 2020-04-20 17:25:31 发布

阅读量300

点赞数

分类专栏：编辑器atom

本文链接：https://blog.youkuaiyun.com/weixin_45454859/article/details/105163690

版权

编辑器atom 专栏收录该内容

1 篇文章

订阅专栏

安装emmet插件

“!” +tap

就会直接生成：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

“div*3” +tap

就会直接生成：

   <div></div>
   <div></div>
   <div></div>

“div{Hhh}*3” +tap

就会直接生成：

   <div>Hhh</div>
   <div>Hhh</div>
   <div>Hhh</div>

“div{Hhh$}*3” +tap

就会直接生成：

  <div>Hhh1</div>
  <div>Hhh2</div>
  <div>Hhh3</div>

“.a” +tap

就会直接生成：

<div class="a"></div>

“.#hh” +tap

就会直接生成：

<div class="" id="hh"></div>

“span.a” +tap

就会直接生成：

<span class="a"></span>

“fr” +tap

就会直接生成：

float:right;

快速复制：

<div class="col-2">"当光标在这里的时候"</div>

然后ctrl+c就可以了

多光标：

当你想在所有a的后面增添相同的class的时候，如何同时加呢？

	<a href="#">我的订单</a>
        <a href="#">我的收藏夹</a>
        <a href="#">登录</a>
        <a href="#">注册</a>

方法一：
先选中<a然后ctrl+d然后向下
就可以依次选中下面的<a，然后你就发现光标练成了一竖，就可以同时增加了

方法二：
使光标处于<a后面，然后ctrl+alt，继续点击，可出现多个光标，可以在不同的位置同时增加不一定处在一排。（增加的范围更广）