vscode使用笔记（如何设置vscode打开文件时新建窗口）

#如何设置vscode打开文件时新建窗口

1、使用ctrl shift p快捷键，打开搜索框；

2、然后在搜索框中输入 settings

3、settings.json 这个文件是编辑器配置文件，打开文件如下

我的原来没这一行，自己手动加上这行代码即可

“workbench.editor.showTabs”:true

#解决vscode使用tab键自动生成代码失效问题

解决vscode使用tab键自动生成代码失效问题

现象：vscode编辑器中编写关键字，按Tab键，添加空格

步骤：

代码语言：javascript复制

打开设置--->---搜索emmet--->---滑到Emmet:Trigger Expansion On Tab选项，勾选

修改后重启编辑器，亲测有效

批量生成html标签示例

一、嵌套 >

div>ul>li

代码语言：javascript复制

 <div>
  <ul>
    <li></li>
  </ul>
</div>

二、并列

div p

代码语言：javascript复制

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

三、重复 *

li*3

代码语言：javascript复制

  <li></li>
  <li></li>
  <li></li>

四、返回 ^

ul>li*3^p

代码语言：javascript复制

  <ul>
    <li></li>
    <li></li>
    <li></li>
  </ul>
  <p></p>

五、分组 ()

(ul>li*2) p

代码语言：javascript复制

 <ul>
    <li></li>
    <li></li>
  </ul>
  <p></p>

六、属性 []

div.menu

代码语言：javascript复制

  <div class="menu"></div>

div#menu

代码语言：javascript复制

  <div id="menu"></div>

div#header div.container div.foot#footer

代码语言：javascript复制

  <div id="header"></div>
  <div class="container"></div>
  <div class="foot" id="footer"></div>

inputname=user value=小李

代码语言：javascript复制

 <input type="text" name="user" value="小李">

七、编序 $

ul>li.light-$*3

代码语言：javascript复制

<ul>
  <li class="light-1"></li>
  <li class="light-2"></li>
  <li class="light-3"></li>
</ul>

八、内容 {}

ul>li{$}*3

代码语言：javascript复制

  <ul>
    <li class="light-1"></li>
    <li class="light-2"></li>
    <li class="light-3"></li>
  </ul>

综合使用

ul>li{小李}*3

代码语言：javascript复制

  <ul>
    <li>小李</li>
    <li>小李</li>
    <li>小李</li>
  </ul>

select>option{$}*5

代码语言：javascript复制

  <select name="" id="">
    <option value="">1</option>
    <option value="">2</option>
    <option value="">3</option>
    <option value="">4</option>
    <option value="">5</option>
  </select>

select>optionvalue=‘北京’{$}*5>ahref=‘#’{北京}

代码语言：javascript复制

 <select name="" id="">
    <option value="北京">1<a href="#">北京</a></option>
    <option value="北京">2<a href="#">北京</a></option>
    <option value="北京">3<a href="#">北京</a></option>
    <option value="北京">4<a href="#">北京</a></option>
    <option value="北京">5<a href="#">北京</a></option>
  </select>

未经允许不得转载：肥猫博客 » vscode使用笔记（如何设置vscode打开文件时新建窗口）

class 笔记编辑器博客搜索

0 人点赞