en.7v.hk
SevenVee 欢迎来到我的世界

How to use VScode to draw a mind map

⚠️ 本文最后更新于黄帝4721年冬月十八日,已经过了695天没有更新,若内容或图片失效,请留言反馈

Summary

As is well known, VS Code is a code-writing tool owned by Microsoft. The tool itself provides a very comfortable writing UI, but what many people don't know is that it also offers the function of generating mind maps. I also discovered by chance that the tool can generate mind maps by writing Markdown syntax. To make it easier for more people, I specially wrote this article. For details, please see the points below.

Configuration Process

  1. Download the tool. On a Windows computer, use the Edge browser to open the following link (you can copy it directly)

    https://vscode.download.prss.microsoft.com/dbazure/download/stable/138f619c86f1199955d53b4166bef66ef252935c/VSCodeUserSetup-x64-1.96.0.exe
  2. Install the tool. After the download is complete, click Open File in the download location to install it.
  3. Configure the interface. After installation, open the software and you will find that the entire interface is in English. We need a few steps to change it to Chinese.

    • Step 1: Click the last button in the vertical column at the top left.
      d0712b0a4e2441adedd758c7bedb528.png
    • Step 2: Search for Chinese and markmap respectively, then click install to install them.
      c5d96a9b9f5f3b8c7f4fb824f73c6d3.png
    • Step 3: Click at the very top here, then enter (you can copy it directly)
      c66dfed84cf94ef62a5683fb37f9cd6.png
    > Configure Display Language
    • Step 4: Press Enter, then select Chinese (Simplified), and then a pop-up will appear prompting a restart. Select Restart, and after restarting, the interface will be in Chinese.
      3a24c0bcb5eaebd28672bed3b4e0305.png
      6b1160a4c7ad7450e74b90d746318ce.png
    • Step 5: Click Open Folder. At this point, there is no overall working folder in our workspace, so we need to select or create one in the file manager.
      49e247a61590cadebdde6e690319d15.png
    • Step 6: Click New Folder. Creating a new folder is to make it easier to categorize the articles we create. It supports creating multi-level folders. If you want to create a second-level folder, just click the folder you just created, then click New Folder again.

      The folder created here will create a corresponding folder under the main folder we selected, as shown in the figure.
    0c07789ef42871975bbc72cf8c521f0.png
    97c4a6688122beee4cd63a8ff61c399.png
    • Step 7: Create a new file. The button for creating a new file is next to New Folder, so I won't go into detail here. The main thing to explain is the naming format for creating a new file.

      As mentioned earlier, what we are writing is a Markdown file. So when creating a new file, you will be prompted to enter a file name. At this point, we need to add the Markdown file extension after the file name .md.
    For example: I want to create a mind map for Chapter 1, so my file name should be Chapter 1.md.
    • Step 8: Preview the mind map. Our workspace is on the left. To open the mind map preview, we can click the button shown in the figure below, and then the mind map preview will appear on the right.
      1f1220c6b044697a4965b55c611f93c.png
    • Step 9: Export the mind map. Click the Export button shown in the figure below, enter a file name, and save. But at this point, what we export is a web-based mind map in HTML format, so we need to convert it to PDF format.
      1f1220c6b044697a4965b55c611f93c.png
    • Step 10: Export a PDF file. As shown in the figure below, right-click the HTML file just exported, and choose Microsoft Edge as the Open With option.
      2cd0c5576a0eb6f6655f92cb13bdcf1.png
      6ec9aa044f02bb4146155e150e34a6a.png

      After opening it, we can see that the mind map has been fully displayed. At this point, we can right-click and click Print, or directly use the keyboard shortcut CTRL + P to bring up the print interface. On the left, select the print parameters; on the right is the preview.
    a3e07a2157c3373ff0c9da426759cc4.png

    As you can see, at this point the PDF of this file is not complete. We can try changing portrait to landscape, or click More Settings below, select A3 paper, or choose a scaling ratio.
    8866256cd84479bc7db9343c65f9b2d.png
    11bc91cac5d5facde6959a696507b2d.png
    3a2d350aff1bdae7f235bfa4ad7a22c.png

    After adjusting, we select Save, and a window for the save path pops up. You can choose a path you are familiar with to save.
    8d9e0662fdcc1cb53eaad3db85caed2.png

Markdown Syntax Writing Rules

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
**文字加粗**
*文字斜体*
***文字斜体加粗***
# **一级标题加粗(这是叠加使用的案例)**
1. 有序序号
- 无序序号
  • In addition, ordered and unordered lists can be nested hierarchically using the Tab key. For easier reading, we usually use unordered lists under ordered lists for nesting.
  • For example
1. 第一点
    - 第一点的分论点
    - 第一点的分论点
    -第一点的分论点
2. 第二点
  • As shown in the figure below
97a73114b9b80ac8af749167b6919ab.png
  • The specific writing examples are as follows, and can be imitated
# 第一章 语言的功能
## 第一节 语言的社会功能
### 一、语言的信息传递功能
1. **概念**
    - 社会:生活在一个共同的地域中、说同一种语言、有共同的风俗习惯和文化传统的**人类共同体**。
2. 语言的社会功能中最基本的是信息传递功能。人类社会能够建立起如此辉煌的文明,是以语言的信息传递功能为基础的。
3. 
### 二、语言的人际互动功能
- 语言的社会功能的另一个重要方面是建立或保持某种社会关联,这可称为**语言的人际互动功能**。
1. 说话者在话语中表达自己的情感、态度、意图。
2. 这些又对受话者施加了影响,得到相应的语言或行动上的反馈,从而达到某种实际效果。
3. 口头话语在有些情况下,只有说话者独自一人。如:情感宣泄。语言在表达说话者的主观情感和态度时,是以接收者的存在为前提的。虽然是独自一人,语言的社会功能仍然是存在的。

## 第二节 语言的思维功能
### 一、语言和思维的关系
1. 语言是社会现象,是社会的交际工具,同时也是心理现象,是人类思维的工具。思维功能是语言功能的另一重要方面。
2. 思维和思想不同。
    - 思想是人们对现实世界的认识;
    - 思维是理性的认识,是认识现实世界时动脑筋的过程,也指动脑筋时进行比较、分析、综合以认识现实的能力。
        - 从思维的形式上看。语言是思维活动的动因和载体,是思维成果的贮存所。逻辑学把概念、判断和推理看作思维的基本形式。这些基本形式都要依靠语言。
        - 从思维的过程上看(心理学的角度),思维是知识的认知、获取和运用的过程,是一个信息加工的过程。
        - 从思维的生理机制上看。大脑中有专门控制语言功能的区域,和人的抽象思维能力密切相关。
3. 语言是最重要的思维工具
    - 一方面,语言是完成思维过程的工具,人们是依据语言去进行思维活动的;
    - 另一方面,语言又是储存思维结果的工具,人们正是依赖语言才得以把思维的结果固定下来并传递下去。
    - 因此,语言是思维最重要的工具。
### 二、语言思维功能的生理基础
1. 人的大脑分左、右两半球,中间有“脑桥”(神经纤维)连接,使两个半球互相沟通。左半球管右半身的动作,右半球管左半身的动作。
2. 人类特有的语言功能区
    - 说话中枢。也称布洛卡区,位于大脑左半球前部,该区域受到损伤,会得失语症,丧失说话能力,但能基本听懂别人的话。
    - 书写中枢。位于大脑左半球前部,靠近布洛卡区。该区域受到损伤,会得失写症。
    - 视觉性语言中枢。位于大脑左半球后部,靠近视觉语言中枢。该区域受到损伤,视觉上并无障碍,但无法理解文字的意思,又称失读症。
    - 听觉性语言中枢。也称韦尼克区。该区域受损,能听到,但不能理解别人说话,同时自己得表达也有问题,又称感觉性失语症。
3. 语言功能区主要存在于左半球。
4. 语言能力和思维认知能力的密切关联式有生理基础的。
    - 初生婴儿的大脑的两半球没有专业的分工。
    - 五六岁前的孩子大脑如受损,右半球可部分代替左半球的功能。
    - 十二三岁,大脑左半球受损,丧失的语言能力就很难恢复了。
    - 可见大脑两半球的专业化与学话的过程一致,也是和儿童的认知发展过程一致的。
### 三、儿童语言习得与思维的发展
1. 儿童学习语言的过程式考察语言与思维关系的一条很好的途径。学话的过程实际上也是认识世界的过程,思维发展的过程,具体表现在:
    - 词汇的掌握和词汇量的发展上:词汇的掌握式衡量儿童认知发展的重要指标。
    - 语法掌握方面:语法的掌握分为三个步骤:独词句、双词句和实词句。
2. 词语的习得是概念习得的过程。认识一类事物与另一类事物的不同,同类事物之间的相同。
3. 词语习得的过程
    - 前语言阶段
        - 喃语阶段:半岁至一岁
        - 独词句阶段:一岁左右
    - 语言阶段
        - 双词句阶段:一岁半以后
        - 电报句阶段:两岁至两岁半
        - 成人句阶段:两岁半到五岁
4. 独词句是对概念的运用,是用概念做判断。独词句体现了词与事物的联系,特别是词指称整类事物的概括性。
5. 双词句阶段,孩子不仅注意到不同事物之间的区别,而且注意到不同事物中共同的东西,抽象出事物的属性。
6. 双词句体现出造句的基本原理,就是选择需要的词,按照学会的格式把它们组合在一起。孩子已不仅仅注意词和事物的联系,而且已注意词与词之间的关系。
7. 儿童语言习得的条件
    - 先天生理基础
    - 外界的社会条件:正常的语言环境中
    - 时间的限制
### 四、关于聋哑人的语言和思维
1. 聋哑人也是能够思维的。聋哑人与常人一样,生活在人类社会中,有健全的大脑和发音器官,如能够恢复或获得听觉,也能逐渐学会说话。
2. 聋哑人不能利用听觉符号传递信息表达思想,但可以通过别的感觉器官得到补偿。如手语、辨口型学说话等。
### 五、思维能力的普遍性和思维方式的特殊性
1. 语言能力和思维能力是密切相关的,人类思维能力的普遍性与语言能力的普遍性是一致的。
2. 语言中的词汇反映出该语言社团对现实世界的概念分类。人的视觉感知是共同的,但抽象为概念类,就有不同了。如汉语和英语对于颜色的段数区分有不同。
3. 思维方式的差异更多地体现在不同语言在表达思想时语法方面的特点。如:英语普通名词在句中出现时,须标明其是否为有定或无定,可数名词还得标明单双数,而汉语就不必如此。
4. 不同的语言在不同层面上的差异充分体现出了不同的思维方式。不能因为人类思维能力的共同性而忽视语言的多样性,也不能因为语言的多样性而断定各民族的思维能力有强弱之分。
  • The effect of the above article is shown in the figure below:
    548cfe4c50dec9b376b32f160c81906.png
By 祭酒 On

首次评论需要邮箱验证:填真实邮箱 → 点「获取验证码」→ 输入邮件里的 6 位数字。验证一次后 30 天内免验。

  1. 头像
    @
    脑子会了,手还不会😫
    · Windows · Chrome
    1. 头像
      @
      😂其实也蛮简单的,多试试就行
      · Windows · Chrome
  2. 头像
    @
    link
    插件是 -Markmap
    · Windows · Chrome
    1. 头像
      @
      对的
      · Windows · Chrome