visual studio code主要用来写啥语言

Posted 2023-04-20

visual studio code不能编译程序，那它存在的意义是什么

它是一个编辑器，和vi/vim、nano是一个性质的东西。

它存在的意义就是独立于编译器，只留存基本的编辑功能，而将编译的工作交给专门的编译器去处理，降低其功能的重复性。

像Visual Studio本尊在安装的是否也是会要求下载推荐版本的编译器的，更新的时候通过Installer去更新。试想一下，如果你电脑里面已经带有了一个编译器，再下载一个编译器难道不是显得很多余的一件事吗？明明只需要配置一下就可以开始使用的东西，现在需要你把这个东西重新下载一遍，然后再开始配置，这种工作不是很烦吗？

Visual Studio Code本身是一个轻量级的编辑器，它本身虽然不带编译功能，但是它却可以调用系统已安装的各种编译器，只需要你简单配置一下就可以开始使用，你还可以根据环境自己去安装各种版本的编译器，这绝对是非常方便的事情。

追问

有什么对应的编译器？？？

参考技术A 它的主要想做一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器，方便开发者使用。 参考技术B Visual Studio Code 基于 Electron 开发。Electron 是一个基于 Chromium 的项目，可用于开发基于 Node.js 的本地应用程序。
也就是：你开发一个项目，用electron，开发出来的东西，是可以跨平台的。
原理：electron嵌入了谷歌的内核，你写的页面代码，外边包装上一个应用的边框，就像一个桌面应用了。

Visual Studio Code 配置 Markdown

场景

需要现代的编辑器记录下代码、笔记和思考。

目标

• [x] .md格式，纯文本。
• [x] 主要操作有其对应快捷键
• [x] 编辑器应当经常更新以适应飞速发展的世界
• [x] 支持画图
• [x] 可视化的文章结构，用来导航

Extensions插件

• Markdown All in One:
  • Ctrl b: 加粗
  • Ctrl i: 斜体
  • Ctrl Shift ]: 标题升级
  • Ctrl Shift [: 标题降级
    
  • ToC: 内容概览
  • Tab&Backspace: 缩进向前、向后
  • Alt c: 任务完成与否（双击该行后使用快捷键）
  • 表格的格式化
  • 大纲预览
• Markdown Preview Enhanced:

  • 流程图

    st=>start: 开始
    op=>operation: 处理
    cond=>condition: 条件
    e=>end: 结束
    
    st->op->cond
    cond(yes)->e
    cond(no)->op

  • 时序图

    Title: 这里是标题
    Participant 我叫做A as A
    A->B: 实开头，同步
    B-->C: 虚线
    C->>D: 异步
    D-->>A: 返回
    Note left of A: A左边\n做笔记
    Note right of A: A右边
    Note over A: 在A的生命线上
    Note over A,B: 跨越A与B的生命线

  • Gantt

    gantt
        title 项目开发流程
        section 项目确定
            需求分析       :a1, 2016-06-22, 3d
            可行性报告     :after a1, 5d
            概念验证       : 5d
        section 项目实施
            概要设计      :2016-07-05  , 5d
            详细设计      :2016-07-08, 10d
            编码          :2016-07-15, 10d
            测试          :2016-07-22, 5d
        section 发布验收
            发布: 2d
            验收: 3dmaid

  • 更多样式的flowchart

    st=>start: 带链接的开始|past:>http://www.google.com[blank]
    e=>end: 带链接的结束:>http://www.google.com
    op1=>operation: 处理 |past
    op2=>operation: 事物 |current
    sub1=>subroutine: 子|invalid
    cond=>condition: Yes
    or No?|approved:>http://www.google.com
    c2=>condition: Good idea|rejected
    io=>inputoutput: catch something...|request
    
    st->op1(right)->cond
    cond(yes, right)->c2
    cond(no)->sub1(left)->op1 
    c2(yes)->io->e
    c2(no)->op2->e
    
    [email protected]>op1({"stroke":"Red"})@>cond({"stroke":"Red","stroke-width":6,"arrow-end":"classic-wide-long"})@>c2({"stroke":"Red"})@>op2({"stroke":"Red"})@>e({"stroke":"Red"})

• 更多画法参考：
  • mermaidjs
  • flowjs