没有合适的资源?快使用搜索试试~ 我知道了~
一篇搞定VS Code文档
需积分: 0 0 下载量 86 浏览量
2024-04-01
23:49:40
上传
评论
收藏 7.54MB DOC 举报
温馨提示
试读
110页
一篇搞定VS Code文档
资源推荐
资源详情
资源评论
一篇搞定VS Code
VS Code 的全称是 Visual Studio
Code,是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑
器。它在性能、语言支持、开源社区方面,都做得很不错。
微软有两种软件:一种是 VS Code,一种是其他软件。
在2015年4月29日的微软Build开发者大会上,微软宣布推出 VS
Code之后,这个轻量级的编辑器成为全球无数开发者们最喜爱的开发工具
。VS
Code基于开源且跨平台的理念,每月都会进行迭代,并提供每天发布的
insider
版本(insider是微软的一种公测计划,类似于国内软件所说的内测版)。
它拥有至少几万个插件,生态极为活跃和丰富。
IDE 与 编辑器的对比
IDE 和编辑器是有区别的:
� IDE(Integrated Development
Environment,集成开发环境):对代码有较好的智能提示和相互跳转
,同时侧重于工程项目,对项目的开发、调试工作有较好的图像化界
面的支持,因此比较笨重。比如 Eclipse 的定位就是 IDE。
� 编辑器:要相对轻量许多,侧重于文本的编辑。比如 Sublime Text
的定位就是编辑器。再比如 Windows
系统自带的「记事本」就是最简单的编辑器。
需要注意的是,VS Code 的定位是编辑器,而非 IDE ,但 VS Code
又比一般的编辑器的功能要丰富许多。可以这样理解:VS Code
的体量是介于编辑器和 IDE 之间。VS Code
的使命,是让开发者在编辑器里拥有 IDE 那样的开发体验。
VS Code流行起来之后,使用 Sublime Text、Atom
这类编辑器软件的人,自然就越来越少了。
VS Code 的特点
� 跨平台:支持 MacOS、Windows 和 Linux
等多个平台。在这多种平台下,拥有一致的用户界面和开发体验。
� 开源:VS Code 的源代码以 MIT
协议开源。不仅代码开源,而且整个产品的开发计划和发布管理也都
是开源的。VS Code团队每年都会在 GitHub 的Wiki上发布
Roadmap,列出一整年的规划图。VS Code
软件的官方文档也托管在了 GitHub 上。
� 自带终端、图形化的调试工具、Git 版本控制。
� 插件扩展:支持第三方插件,功能强大。既有中心化的插件市场,也
可以直接在 VS Code里搜索你想要的插件。
� 生态:社区生态活跃且丰富,社区氛围浓厚。
� 自带
emmet:支持代码自动补全,快速生成简单的语法结构。要知道,这
个功能在 Sublime Text中,得先安装插件才行。
� 语法支持:VS Code 自带了 JavaScript、TypeScript 和 Node.js
的语法支持,包括:语法高亮、代码智能提示和补全、括号匹配、颜
色区分、代码片段提示等。也就是说,你在书写 JS 和 TS
时,这些语法支持都是自带的。其他的一些语言,你需要先安装相应
的扩展包插件,就出现语法支持。
� 在修改配置方面,既有图形化的配置界面,也有 基于 JSON
文件的配置方式,满足不同人群的使用习惯。
前端利器之争: VS Code 与 WebStorm
前端小白最喜欢问的一个问题是:哪个编辑器/IDE 好用?是 VS Code 还是
WebStorm (WebStorm 其实是 IntelliJ IDEA
的定制版)?我来做个对比:
� 哪个更酷:显然 VS Code 更酷。
� 内存占用情况:根据我的观察,VS Code
是很占内存的(尤其是当你打开多个窗口的时候),但如果你的内存
条够用,使用起来是不会有任何卡顿的感觉的。相比之下,IntelliJ
IDEA
不仅非常占内存,而且还非常卡顿。如果你想换个既轻量级、又不占
内存的编辑器,最好还是使用「Sublime Text」编辑器。
� 使用比例:当然是 VS Code
更胜一筹。先不说别的,我就拿数据说话,我目前所在的研发团队有
200 人左右(120个后台、80个前端),他们绝大部分人都在用 VS
Code 编码,妥妥的。
所以,如果你以后还问这个问题,那就真有些掉底了。
VS Code 的技术栈、核心组件
了解 VS Code的技术栈和核心组件,可以让我们对 VS Code
有更深入的认识。此小段,了解即可。
� 开发框架:Electron。Electron可以使用 Node.js +
JS这样的技术栈开发桌面GUI应用程序。
� 编辑器:Monaco Editor。Monaco Editor
是一款开源的在线代码编辑器,是 VS Code
浏览器版本的最核心组件。#
� 编程语言:TypeScript。TypeScript 是 JavaScript的严格超集。TS
在JS的基础上添加了许多功能,引入了声明文件,而且支持类型扩展
。TS 适合长期的、多人开发的大型项目开发。
� 让编辑器支持语言功能:Language Server Protocol (LSP)
语言服务协议。LSP是编辑器/IDE
与语言服务器之间的一种协议,通过 JSON-PRC
传输消息,可以让编辑器嵌入并支持各种编程语言。开发者可以在编
辑器中使用各种语言来编写程序。
� 让编辑器支持调试功能:Debug Adapter Protocol(DAP)。DAP
是基于 JSON的协议,它抽象了开发工具与调试工具质检的通信。
� 集成终端:Xterm.js。VS Code的集成终端是基于开源项目 Xterm.js
进行开发的。Xterm.js 是一个使用 TS
开发的终端组件。另外,Xterm.js
并不是直接下来下来就能用的终端应用,它只是一个前端组件,可以
与 bash这样的进程进行连接,然后让用户通过 Xterm.js 进行交互。
VS Code 的安装
� VS Code 官网:https://code.visualstudio.com
VS Code 的安装很简单,直接去官网下载安装包,然后双击安装即可。
上图中,直接点击 download,一键下载安装即可。
VS Code支持以下平台:
安装完成后的界面如下:
VS Code被分为以下五个区域:
� 编辑器
� 侧边栏
� 状态栏
剩余109页未读,继续阅读
资源评论
yuxingwu9872
- 粉丝: 744
- 资源: 135
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功