博客列表 >vscode安装及插件使用等

vscode安装及插件使用等

Ghcᝰ
Ghcᝰ原创
2021年03月19日 22:14:33654浏览

开学第一个 MarkDown 语法

#号的用法

  1. #代表h1
  2. ##代表h2
  3. 以此类推到h6即######

分割线用法---

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

Markdown表格制作

课程表

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

Markdown 链接

  1. [链接名称](链接地址)
  2. 或者
  3. <链接地址>

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


Markdown 图片

  1. ![alt 属性文本](图片地址)
  2. ![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 标签,我们只需要编写下面指令:

  1. #aaa

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

  1. span.bbb

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

  1. ul#ccc.ddd

生成后代:>

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

  1. div.aaa>ul>li

可以生成如下的结构:

  1. <div class="aaa">
  2. <ul>
  3. <li></li>
  4. </ul>
  5. </div>

参考资料文章来源地址

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议