vscode安装及插件使用等

开学第一个 MarkDown 语法

#号的用法

#代表h1
##代表h2
以此类推到h6即######

---

分割线用法---

分割线用至少三个以上的---表示即可

Markdown表格制作

课程表

节数	星期一	星期二	星期三	星期四	星期五
第一节	语文	数学	英语	生物	化学
第二节	语文	数学	英语	生物	化学
第三节	语文	数学	英语	生物	化学
第四节	语文	数学	英语	生物	化学
			午休
第一节	语文	数学	英语	生物	化学
第二节	语文	数学	英语	生物	化学

---

Markdown 链接

[链接名称](链接地址)
或者
<链接地址>

PHP中文网
https://www.php.cn/

---

Markdown 图片

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")

" class="reference-link">

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插件的使用方式

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>

参考资料文章来源地址