vscode常用插件和markdown常用语法

vscode常用插件

• chinese Language 中文语言包
• code-translate 鼠标悬停,滑词自动翻译
• code spell checker 单词拼写错误,会提醒你正确的语法
• live server 神级插件,实时预览html文件
• prettier-code formatter 代码自动格式化
• code runner 几乎支持所有主流语言的临时运行测试
• open in browser 使用open in browser插件打开浏览器

  主题

• one dark pro 主题
• vscode-icons 图标主题: 官方出品

  字体

• Fira Code字体
• 下载https://github.com/tonsky/FiraCode/
• settings.json
• “editor.fontLigatures”: true,

  html

• auto close tag (标签自动关闭)
• auto-rename tag (标签自动更名)
• html css support (html,css语法提示增强)
• html snippets (常用html代码片断模板)

  css

• css peek (快速定位/查看id/class的css定义)
• intellisense for css class … (class类名自动感应完成)

  es6

• javascript(es6) code snippets (常用es6代码片断模板)
• tab out (按tab自动跳过右括号)
• bracket pair colorizer (使用不同颜色标记括号配对)

  markdown

• markdownlint (语法/格式检查器)
• markdown preview enhanced (预览器增强版)

  下面是安装后的样子

  

---

markdown常用语法

标题

• ## 二级标题， ### 三级标题, #### 四级标题

  段落

  直接写文本

下一个段落

列表

无序列表

• 笔记本电脑一台
• 单反相机一台
• 华为手机一部

  有序列表

1. item1
2. item2
3. item3

   链接

• 只显示地址: https://www.qq.com

  写法 <https://www.qq.com>

• 只显示链接文本： qq网

  写法 [qq网](https://www.qq.com)

图片

![狗](dog.jpg)

代码(反引号)

• 单行代码: const obj = {};
  写法: `const obj = {}`;
• 多行代码

const obj = { a: 1, b: 2 };
const add = obj => obj.a + obj.b;
console.log(add(obj));

$email = '[e-mail]';

• 写法

  
  ```PHP、JS等
  const obj = { a: 1, b: 2 };
  const add = obj => obj.a + obj.b;
  console.log(add(obj));
  ```
  

表格

学号	姓名	课程	成绩
1	龙女	练舞	99
2	杨过	瑜伽	100

• 写法

  
  | 学号 | 姓名 | 课程 | 成绩 |
  | ---- | ---- | ---- | ---- |
  | 1    | 龙女 | 练舞 | 99   |
  | 2    | 杨过 | 瑜伽 | 100  |
  

引用

引用的内容

>

二级引用

>>