vscode 插件列表

插件列表

One Dark Pro 主题插件
file-icons 图标插件
Markdown Preview Enhanced 实施预览增强版
markdownlint markdown语法检查器
。。。等等
其中Prettier-Code formatter 代码格式化插件需要配置
文件->首选项->设置->搜索->fromat->Editor:Default Formatter中的null选项改为esbenp.prettier-vscode (其中Editor:Format On Paste（复制过来的代码自动格式化）和Editor:Format On Save（保存的时候自动格式化）可打勾)
接着再搜索auto save 找到Files:Auto Save 中的off选项改为onFocusChange（失去焦点自动保存）

Emmet 的语法有点类似 CSS 的语法，生成 id 为 aaa 的 div 标签，我们只需要编写下面指令：

#aaa

Emmet 默认的标签为 div ，如果我们不给出标签名称的话，默认就生成 div 标签。如果编写一个 class 为 bbb 的 span 标签，我们需要编写下面指令：

span.bbb

同理，如果想要编写一个 id 为 ccc 的 class 为 ddd 的 ul 标签，我们可以这样写：

ul#ccc.ddd

生成后代：>

大于号表示后面要生成的内容是当前标签的后代。例如我要生成一个无序列表，而且被 class 为 aaa 的 div 包裹，那么可以使用下面指令：

div.aaa>ul>li

可以生成如下的结构：

<div class="aaa">
    <ul>
        <li></li>
    </ul>
</div>

参考资料文章来源地址