备案控制台
开发者社区 开发与运维 文章 正文

Vscode 使用 markdown preview enchance插件运行markdown 语法

2023-01-13 261
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vscode 使用 markdown preview enchance插件运行markdown 语法

第一步：


安装插件：


20200728221233580.png


第二步： 使用contrl + , 打开 界面搜索 markdown preview ,勾选 script excute


20200728221242309.png

20200728221251479.png


第三步：使用 ctrl + shift + A 搜索 markdown preview enhanced customize css, 然后把less 文件的内容放入里面


20200728221302745.png

2020072822131049.png


第四步：使用 ctrl + shift + A 搜索 markdown preview enhanced extend Parse, 然后把js 文件的内容放入里面


20200728221316108.png


然后就可以使用markdown 了，


20200728221324457.png


上面这张图也可以预览，但是不能在浏览器打开


20200728221331563.png

20200728221337897.png


右键预览区域，就可以在浏览器打开了，目录在左侧，内容在右侧


20200728221343713.png

文章标签：
JavaScript
前端开发
关键词：
vs code插件
markdown语法
vs code运行
vs code插件运行
vs code markdown
游客ruqdfvh2iuyqc
目录
相关文章
jianz123
|
1月前
sublime和vscode 推荐安装的插件
sublime和vscode 推荐安装的插件
jianz123
28 0
你挚爱的强哥
|
1月前
设置VSCode运行任务命令快捷键Alt+R，通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
设置VSCode运行任务命令快捷键Alt+R，通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
你挚爱的强哥
33 0
你挚爱的强哥
|
1月前
|
敏捷开发 人工智能 前端开发
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构，敏捷开发必备插件！！！
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构，敏捷开发必备插件！！！
你挚爱的强哥
88 0
你挚爱的强哥
|
1月前
|
前端开发
解决适配375像素宽度667像素高度移动端方法：推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
解决适配375像素宽度667像素高度移动端方法：推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
你挚爱的强哥
98 0
西瓜味的敌敌畏
|
6天前
|
传感器 前端开发 JavaScript
前端开发者必备的VS Code插件推荐
前端开发者必备的VS Code插件推荐
西瓜味的敌敌畏
9 2
游客iyfakqyinfxv2
|
14天前
|
Python
解决VSCode中Debug和运行路径不一致的
在VSCode调试时，如果程序运行路径不正确，可通过配置`launch.json`文件的`CWD`参数来解决。在`launch.json`中添加或修改`configurations`，例如设置`"cwd": "${fileDirname}"`，确保调试和运行时路径一致。这样可以避免因路径问题影响调试。记得`"name"`、`"type"`、`"request"`等其他关键参数也要正确配置。我是木头左，希望对你有所帮助！
游客iyfakqyinfxv2
16 0
解决VSCode中Debug和运行路径不一致的
dretrtg
|
11天前
markdown语法
学习Markdown基本语法：标题、段落、强调、列表、代码块等，轻松撰写整洁文档。[查看教程](https://markdown.com.cn/basic-syntax/)
dretrtg
11 0
小墨&晓末
|
1月前
Markdown基础语法详细版
Markdown基础语法详细版
小墨&晓末
23 1
游客nprizzab44iz2
|
1月前
|
存储 对象存储 C++
在 VS Code 中使用 OSS 进行 Markdown 文档编写
阿里云OSS对象存储服务是理想的存储解决方案，专门用于承载大量非结构化数据。在VSCode中编写Markdown文档时，手动上传图片至OSS并获取相应链接的过程通常复杂且耗时。为此，Aliyun OSS Uploader插件应运而生，以简化和优化此流程。它不仅能够自动将图片上传到OSS并生成可供插入的链接，还能在您需要时通过撤回链接，删除已上传的图片，极大地提升了效率和便捷性。
游客nprizzab44iz2
75 1
老马啸西风2024
|
1月前
|
安全 网络架构 Python
blog-engine-06-pelican 静态网站生成 支持 markdown 和 reST 语法
这篇内容介绍了多个静态博客引擎的对比及详细教程，包括 Jekyll、Hugo、Hexo、Pelican、Gatsby、VuePress、Nuxt.js 和 Middleman。重点讲述了 Pelican，一个Python编写的静态博客生成器，其特点是静态生成、Markdown写作、丰富的主题和插件系统，以及简单的部署。安装Pelican需要先安装Python，然后通过pip安装Pelican并使用pelican-quickstart初始化博客。文章还提到了Pelican的优点，如速度快、写作体验好、社区支持和高度可定制，但也指出其静态性质和学习曲线较陡峭的不足之处。
老马啸西风2024
20 0

热门文章

最新文章

  • 1
    在 VS Code 中使用 OSS 进行 Markdown 文档编写
  • 2
    Docusaurus框架——快速搭建markdown文档站点介绍sora
  • 3
    Electron实现你自己的Markdown编辑软件
  • 4
    Electron Markdown编辑器实战：资源管理器实现
  • 5
    实现在 Eclipse 中编写 Markdown 文件
  • 6
    使用篇-基于Laravel开发博客应用系列 —— 后台文章增删改查功能实现（支持Markdown）
  • 7
    MDWiki —— 基于 Markdown 和 HTML 5 的纯客户端 Wiki/CMS
  • 8
    一代Markdown编辑神器“Typora”正式收费，白嫖激活也在努力！！
  • 9
    CSDN-markdown编辑器之从本机导入Markdown文件（一）
  • 10
    CSDN-markdown编辑器使用LaTex数学公式
  • 1
    一个开源轻量级的C#代码格式化工具（支持VS和VS Code）
    80
  • 2
    【专栏：工具与技巧篇】使用代码编辑器（VS Code/Sublime Text）提升开发效率
    208
  • 3
    在 VS Code 中使用 OSS 进行 Markdown 文档编写
    75
  • 4
    【新人必会】远程开发可视化 - VSCode篇
    53
  • 5
    vscode + springboot + HTML 搭建服务端（二）
    37
  • 6
    vscode + springboot + HTML 搭建服务端（一）
    32
  • 7
    Mac系统下vscode调试opencv环境搭建
    33
  • 8
    VSCode 开发Vue必备插件
    38
  • 9
    前端开发工具VS Code深度探索
    43
  • 10
    vscode快捷HTML结构 | Emmet
    17

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册

    • 相关实验场景

    更多
  • 前端开发基础2：VS Code和Edge的联动开发
  • 基于函数计算部署Serverless VSCode WebIDE
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考