在VSCode中使用Markdown

前言

最近在学习使用Markdown语法,尝试使用了"MarkdownEditor"、"Sublime Text3"、"VSCode"这三种编辑器来学习,其中MarkdownEditor直接下载安装就能使用,因为它就是一种Markdown的编辑器;而在Sublime Text3中使用markdown在上一篇随笔中已经介绍过了。使用了这三种编辑器之后,认为在VSCode中使用markdown体验是最好的,因为相对来说兼容性最好。下面具体介绍在VSCode中如何使用Markdown。

具体内容

在VSCode中会有很多插件支持markdown的编写。理论上,在没有安装任何插件的情况下是可以直接编写markdown文档的,但是为了能够得到一些更加丰富的功能和友好的体验,可以通过增添新的插件对其功能进行完善。

一、在不使用插件的情况下编写markdown

1、首先新建一个markdown文档,保存为.md为后缀的文件;

2、接着编写文档内容;

3、同步预览:点击工作区右上角的同步预览按钮,即可实时浏览所写的内容。如下图所示。

二、使用插件Markdown Preview Enhanced

Markdown Preview Enhanced是一个很好用的完善预览功能的插件,可以更加形象的展示所编写的pdf格式的文档样式。在插件库中搜索即可找到该插件,然后点击安装后重新加载。会发现工作区的右上角多了一个预览按钮,这个按钮就是Markdown Preview Enhanced插件产生的,尝试点击之后看到更加接近pdf文件格式的预览效果。

三、其他markdown插件的使用

在VSCode中还有很多的相关插件,可以根据自己的需求去安装使用。只需要搜索markdown,与之相关的插件都会列出来。

结束语

学会使用Markdown的基本语法,在今后的工作中大有裨益!

原文地址:https://www.cnblogs.com/sherryStudy/p/vscode_markdown.html

时间: 2024-11-09 23:49:52

在VSCode中使用Markdown的相关文章

vscode中使用markdown

vscode中使用markdown vscode 是微软推出一款轻量级的文本编辑工具,类似于sublime,由于其拥有丰富的插件,安装使用也非常简单,所以深受广大程序员的喜爱. markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 印象笔记 是一款具有笔记.写作.日程管理等诸多功能为一体的强大.易用型笔记本,拥有非常丰富的插件,其中比较好用的有印象笔记·剪藏,马克飞象,具体如何使用,请自行查阅相关资料. markdown有许多衍生

VsCode支持的markdown语法参考(一)

目录 VsCode支持的markdown语法参考 1. 文本部分 1.1 斜体和粗体,删除线 1.2 分级标题 1.3 常用 Emoji & Font-Awesome 1.4 引用和注脚 标注 缩略: 标记 1.5 外链接 1.6文字引用 1.7 内容目录 2. 标签分类 2.0 常用布局 2.1 无序列表 2.3 行内代码块 2.4 插入图像 2.5 表格支持 2.6 定义型列表 2.7 Html 标签 2.8 待办事宜 Todo 列表 VsCode支持的markdown语法参考 1. 文本部

在Django中使用markdown

markdown比wiki语法要简单,github上的代码几乎都是readme.md,这种易读易写的脚本语言已经变得非常流行. 关于语法,可参考markdown语法 本片博文简单介绍一下如何在Django中集成markdown的功能 下载python下的markdown解析器. $sudo pip install markdown 或者是 $sudo easy install markdown 其他安装方式可参考markdown的python解析器 在app的models.py中创建一个博文的类

Pandoc中的Markdown语法

.caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordere

如何在网站中加入markdown

在vue组件中加入markdown,模板使用的是webpack 我是这样做的: 因为是npm引入的,所以markdown是遵循CommonJS规范的,需要在webpack.base.conf.js里引入, var webpack = require("webpack") // 在module.exports的最后加入 plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvideP

VsCode中使用Emmet神器快速编写HTML代码

VsCode中使用Emmet神器快速编写HTML代码 出 处:http://www.cnblogs.com/summit7ca/ 转载: http://www.cnblogs.com/summit7ca/p/6944215.html 一.Emmet简述 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具. 在前端开发的过程中,一大部分的工作是写 HTML.CSS 代码.特别是手动编写 HTML 代码的时候,效率会特别低下,因为需要敲打很多尖括号,而且很多标签都

在VSCode中编辑HTML文档时,在Dom标签上写style属性时智能提示的问题

首先在VSCode中打开一个HTML文件 然后点右下角的“选择语言模式” 然后点击配置HTML语言的基础设置 然后在打开的界面中(右侧) 输入如下代码 { "editor.quickSuggestions": { "other": true, "comments": true, "strings": true }, "[html]": { } } 然后重启VSCode 再试试看

解决忽略VScode中Python插件pylint报错的问题

pylint是VScode中python自带的插件,可以帮助代码规范,美观. 但是有些报错是你不想看到的,你可以选择性的忽略. 例如,在re.compile()中,可以添加参数re.S使. 匹配任意字符.而pylint会一直报错不存在这种方法,导致无法运行.在Pycharm中则不会出现这种问题. 想要自定义忽略错误,操作如下: 在setting,json文件中搜索python.linting.pylintArgs 修改如下. 在python.linting.pylintArgs 中添加字符串 -

linux系统下如何在vscode中调试C++代码

本篇博客以一个简单的hello world程序,介绍在vscode中调试C++代码的配置过程. 1. 安装编译器 vscode是一个轻量的代码编辑器,并不具备代码编译功能,代码编译需要交给编译器完成.linux下最常用的编译器是gcc,通过如下命令安装: sudo apt-get install build-essential 安装成功之后,在终端中执行gcc --version或者g++ --version,可以看到编译器的版本信息,说明安装成功. 2. 安装必要的插件 在vscode中编写C