vscode编辑器和插件安装及markdown语法熟悉

目录:
[toc]

作业要求:

  1. 安装 vscode 并将常用的插件安装好
  2. 熟悉常用的 markdown 语法和 Emmet 插件的使用方式

作业内容:

1.安装 VSCODE 编辑器和拓展插件:

  • 已经安装了的插件列表:

  • VScode setting sync 插件安装
    因为工作的时候用的是 macbook,回到家用的是 window 的台式机,所以涉及到两边系统的 VSCODE 同步和设置问题

    所以后来搜索了一下,发现了 settings sync 这个插件:

使用下来特别的方便,不管是 vscode 的系统设置,还是拓展插件都可以快速的进行同步,建议如果有多端的伙伴可以安装一下,教程的话百度一搜都有很多!

记得要注册一个 github 的账号用于同步;

熟悉使用 markdown 的语法

常用的语法主要为:

1.标题:

  1. # 这是一级标题
  2. ## 这是二级标题
  3. ### 这是三级标题
  4. #### 这是四级标题
  5. ##### 这是五级标题
  6. ###### 这是六级标题

2.字体样式:

  1. 加粗
  2. 要加粗的文字左右分别用两个\*号包起来
  3. 斜体
  4. 要倾斜的文字左右分别用一个\*号包起来
  5. 斜体加粗
  6. 要倾斜和加粗的文字左右分别用三个\*号包起来
  7. 删除线
  8. 要加删除线的文字左右分别用两个~~号包起来

示例:

这是加粗的文字

这是倾斜的文字`

这是斜体加粗的文字

这是加删除线的文字

3.引用:

在引用的文字前加>即可
引用也可以嵌套,如加两个>>三个>>>n 个…

示例:

这是引用的内容

这是引用的内容

这是引用的内容

4.分割线:

三个或者三个以上的 - 或者 * 都可以

  1. --- | 分割线语法

效果如下:



5.图片:

语法说明:

  1. ![图片alt](图片地址 ''图片 title'')

图片 alt 就是显示在图片下面的文字,相当于对图片内容的解释。
图片 title 是图片的标题,当鼠标移到图片上时显示的内容。title 可加可不加

6.超链接:

语法:

  1. [超链接名](超链接地址 "超链接title")
  2. title 可加可不加

示例:

  1. [简书](http://jianshu.com)
  2. [百度](http://baidu.com)

效果:
简书
百度

7.列表

7.1 无序列表:

无序列表用 - + * 任何一种都可以

  1. - 列表内容
  2. * 列表内容
  3. - 列表内容
  4. 注意:- + \* 跟内容之间都要有一个空格

效果如下:

  • 列表内容 1
  • 列表内容 2
  • 列表内容 3

7.2 有序列表:

语法:数字加点

  1. 1. 列表内容
  2. 2. 列表内容
  3. 3. 列表内容
  4. 注意:序号跟内容之间要有空格

效果:

1.列表内容 2.列表内容 3.列表内容

7.3 列表嵌套:

语法:
上一级和下一级之间敲三个空格即可

  1. - 一级列表
  2. - 二级列表 1
  3. - 二级列表 2
  4. - 三级列表 1
  5. - 三级列表 2
  6. - 四级列表 1
  7. - 四级列表 2

效果:

  • 一级列表
    • 二级列表 1
    • 二级列表 2
      • 三级列表 1
      • 三级列表 2
        • 四级列表 1
        • 四级列表 2

8.表格:

语法:

  1. | 表头 | 表头 | 表头 |
  2. | ---- | :--: | ---: |
  3. | 内容 | 内容 | 内容 |
  4. | 内容 | 内容 | 内容 |
  5. 第二行分割表头和内容。
  6. - 有一个就行,为了对齐,多加了几个
  7. 文字默认居左 -两边加:表示文字居中 -右边加:表示文字居右
  8. 注:原生的语法两边都要用 | 包起来。此处省略

示例:

  1. | 姓名 | 技能 | 排行 |
  2. | ---- | :--: | ---: |
  3. | 刘备 | | 大哥 |
  4. | 关羽 | | 二哥 |
  5. | 张飞 | | 三弟 |

效果:
姓名|技能|排行
—|:—:|—:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟

9.代码:

语法:

  • 单行代码:单行代码:代码之间分别用一个反引号包起来
  1. `代码内容
  • 代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行
  1. (`) 代码1... 代码2... 代码3... (`)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。