vscode之markdown篇(一)

vscode之markdown书写插件

vscode

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity). Begin your journey with VS Code with these introductory videos.

  • vscode是一款由微软公司开发的轻型开发软件,可以用来编写各种常见的语言(JavaScipt TypeScript Node.js等)。这里还要着重提出其还包括被各猿所宠爱的markdown语法,这也是本笔记所要讲的主角。

  • 我们为什么要使用vscode?
    在现在的适用于编辑前端代码(HTML、css、js等)的编辑器有很多,如我们大家所熟知的现象级的前端编辑神器Sublime,其作为一款开源软件拥有不可计数的各种强大的插件,可以将sublime配置出各种各样的功能,集成各种各样的环境。可谓sublime在手天下我有。哇,有人可能会问:哇,这样一款高逼格软件,那还要什么vscode干什么?

vscode也集成了大量的插件,可以来适配各种功能,而且其相对于sublime还有一个优势,就是其具有较高的性能

  • 1 语法错误提示、格式化代码、无插件化的代码Debug
  • 2 自动提示覆盖配置文件、悬浮提示
  • 3 性能优势(最最最大的优点)Mac Air上将近300万行代码的文件,打开需要5、6秒,浏览无卡顿,无崩溃现象,继续coding也不卡顿,Go to Line也不卡顿,粘贴代码会卡顿、问题不大。Sublime3的最新版连打开这个文件,都要将近2分钟,根本比不了。

扯了这么多,我们切入正题

说明:vscode本身就提供了Markdown,所以这里我们不必再画蛇添足,下载相应插件,只需要显示插件即可,这里推荐使用Markdown Preview Enhanced

安装markdown展示插件 -- Markdown Preview Enhanced

  • 准备材料:
    1. 电脑一台
    2. 新鲜的vscode
  • 安装步骤:
  1. 点击下图所示图标,进入扩展程序商店,找到相应插件点击安装即可


    插件商城
查找插件
  1. 安装完成后新建markdown文档,点击下图中的文档上方的图标即可实现效果预览


    效果图

至此markdown可视化插件安装完成。
如还需进一步实现与印象笔记同步,请点击vscode之markdown篇(二)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容