Markdown学习第一弹--VScode--切换语言

学习Markdown第一弹

我在官网下了一个vscode,下载回来时英文版,小白学习起来还是有点不顺手滴~,
于是就下载了中文版的语言环境,一看就懂的中文用起来顺手多啦~
下面是切换语言的步骤,希望能帮到大家~
1、使用快捷键打开搜索栏

Windows、Linux 快捷键是:ctrl+shift+p

macOS 快捷键是:command + shift + p
2、搜索:配置语言 或者 Configure Language
在这里插入图片描述
我这里因为已经安装过中文语言环境,所以出现了“zh-cn”,初次安装的小伙伴可以点击“install addition language”来安装你想要的的语言环境。
在这里插入图片描述
点击过后就会出现如下界面,直接选择你想要的语言“install”就好啦~
在这里插入图片描述
3、下载安装完之后vscode会提示重启软件,点击“Restart”
在这里插入图片描述
4、软件重新启动后,语言切换就完成啦~
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要更改 `markdown-navbar` 组件中生成的导航链接的 `data-id` 属性,你可以使用 `remark` 和 `remark-slug` 插件来为 markdown 中的标题添加自定义的 `slug`,然后在 `markdown-navbar` 中使用 `slug` 来覆盖默认的 `id` 和 `data-id` 属性。 以下是一个示例代码: ```jsx import React from 'react'; import ReactMarkdown from 'react-markdown'; import Navbar from 'markdown-navbar'; import 'markdown-navbar/dist/navbar.css'; import remarkSlug from 'remark-slug'; import unified from 'unified'; const MyMarkdown = ({ source }) => { const processor = unified().use(remarkSlug); const markdownAST = processor.parse(source); const headings = []; processor.runSync(markdownAST).children.forEach((node) => { if (node.type === 'heading') { // 获取自定义的 slug const slug = node.data?.hProperties?.slug; // 将 slug 覆盖默认的 id 和 data-id 属性 node.data = { hProperties: { id: slug, 'data-id': slug, }, }; headings.push({ level: node.depth, title: node.children[0].value, slug, }); } }); return ( <> <Navbar headings={headings} /> <ReactMarkdown astPlugins={[remarkSlug]}>{source}</ReactMarkdown> </> ); }; export default MyMarkdown; ``` 在这个示例中,我们使用 `unified` 和 `remark-slug` 插件为 markdown 中的标题添加了自定义的 `slug`,然后在 `MyMarkdown` 组件中将 `slug` 赋值给了标题节点的 `id` 和 `data-id` 属性。最后,我们将生成的导航栏和 markdown 内容渲染了出来。 需要注意的是,`data-id` 属性并非标准的 HTML 属性,如果你需要使用这个属性来进行一些操作,可能需要自己编写相应的 JavaScript 代码来实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值