欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vscode常用插件和markdown常用语法

程序员文章站 2022-02-14 11:18:41
...

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 (预览器增强版)

    下面是安装后的样子

    vscode常用插件和markdown常用语法

markdown常用语法

标题

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

    段落

    直接写文本

下一个段落

列表

无序列表

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

    有序列表

  1. item1
  2. item2
  3. item3

    链接

  • 只显示地址: https://www.qq.com
    1. 写法 <https://www.qq.com>
  • 只显示链接文本: qq网
    1. 写法 [qq网](https://www.qq.com)

图片

  1. ![狗](dog.jpg)

代码(反引号)

  • 单行代码: const obj = {};
    写法: `const obj = {}`;
  • 多行代码
  1. const obj = { a: 1, b: 2 };
  2. const add = obj => obj.a + obj.b;
  3. console.log(add(obj));
  1. $email = 'hello@qq.cn';
  • 写法
    1. ```PHP、JS等
    2. const obj = { a: 1, b: 2 };
    3. const add = obj => obj.a + obj.b;
    4. console.log(add(obj));
    5. ```

表格

学号 姓名 课程 成绩
1 龙女 练舞 99
2 杨过 瑜伽 100
  • 写法
    1. | 学号 | 姓名 | 课程 | 成绩 |
    2. | ---- | ---- | ---- | ---- |
    3. | 1 | 龙女 | 练舞 | 99 |
    4. | 2 | 杨过 | 瑜伽 | 100 |

引用

引用的内容

>

二级引用

>>