VsCode分享

此次分享主要来自知乎上的《VsCode从入门到进阶》,一个朋友给我分享了一下,于是我听了一下,做了一些笔记,借此分享给大家。

 

VsCode官网地址为:

https://code.visualstudio.com/

感兴趣的朋友可以下载体验一下:

VsCode分享

 

内容大纲

1. VS Code 的优势

2. VS 和 VS Code 到底有什么关系?

微软从 VS 组里面抽了一拨人做 VS Code,是真的吗?

VS 支持 Java ?背后的真相到底是怎样的?

3. 你真的会用 VS Code 了吗?

VS Code Insiders 版本

常用的配置项

命令面板

面包屑导航/大纲/缩略图

主题

快捷键

集成终端

4. 如何更好地学习 VS Code ?

学会提问

学会搜索

学会学习

5. 一起改进 VS Code,你也能成为 VS Code 的 Contributor

6. VS Code 的核心组件

Electron

Monaco Editor

Language Server Protocol

Debug Adapter Protocol

7. VS Code 怎么做开源的?

8. 进阶

命令行

玩转 Git

打造自己的主题

快速创建属于你的 Code Snippet

玩转 Tasks,把重复的工作自动化

调试

远程开发

9. 插件

插件管理

好用的插件推荐

你也可以开发一款属于你的插件

 

 

 

一、VS Code 的优势

开源

跨平台

轻量级

智能提示

代码调试

内置Git支持

多语言支持

丰富的插件

 

1.学习曲线

 

2.用户体验(Terminal、调试器、版本控制、前端开发、扩展插件)

 

3.开源(一切皆开源,不止代码开源)

 

4.性能

(1)比IDE和Atorm要快

 

(2)与Vim和Sublime相比,略有差异

 

(3)不断的性能优化(主要解决VsCode为什么越用越慢问题):

 a.插件进程与主进程的隔离

 b. 插件的延迟加载

 c.Text Buffer的优化,提升大文件和加载和编辑速度,减少内存使用率

 

5.丰富的插件(10000+以上插件,编辑器插件管理方便)

 

6.强大的生态

(1)强大的组件生态

a.Monaco Editor

b.Languge Server Protocol

c.Debug Adapter Protocol

 

(2)Visual Studio Family

a.Visual Studio Live Share:极大地方便了协作编程--实时共享编辑、跟随光标、团队调试、分享本地服务器、共享终端等等。

b.Visual Studio IntelliCode:通过AI赋能,跟随上下文给出编程建议和智能提示,提高开发者的效率。

 

二、 VS 和 VS Code 到底有什么关系?

相当于Java和JavaScript的关系,看上去有关系,实际上半毛钱关系都没有,只是名字相似而已。

 

 

 

三、 你真的会用 VS Code 了吗?

 

1.VsCode Insider版本

(1)每天获取最新版本的VsCode

(2)与稳定版并存

 

2.命令面板

(1)快速列出所有命令

(2)快捷键:Ctrl+Shift+P或F1

 

3.常用的配置项

(1)Windows/Linux 文件-首选项-设置

(2)macOS Code-首选项-设置

 

4.面包屑导航/大纲/缩略图

 

5.主题

文件->首选项->颜色主题

文件->首选项->文件图标主题

插件市场

 

6.常用快捷键

Ctrl+P 文件跳转

Ctrl+Shift+Tab 在所有打开的文件中跳转

Ctrl+Shift+P 命令面板

Ctrl+Shift+O 跳转到文件中的Symbol

Ctrl+T 搜索所有的Symbols

Ctrl+G 跳转到某一行

Alt+<-/->向后/向前跳转

 

怎么多命令怎么记得住?

别怕,按照如下操作即可:

点击帮助->键盘快捷方式参考

 

7.集成终端

打开集成终端:

使用Ctrl+快捷键

通过菜单栏 查看->终端

通过命令面板(Ctrl+Shift+P),试图:切换集成终端

 

四、如何更好地学习 VS Code ?

 

1.学会搜索

VsCode官网(https://code.visualstudio.com/)

GitHub(https://github.com/microsoft/vscode)

Google/Bing

Stack Overflow(https://stackoverflow.com/)

 

2.学会提问

Environment

Repro steps

Actual behavior

Expected behavior

Code sample

Screenshot

 

上面所说的主要是关于如何提问,

环境->步骤->实际情况->预期情况->代码->截图

目的:只为将一个问题描述清楚,减少回答者回答问题的时间成本。

 

 

3.学会学习

寻求帮助前,要有自己的思考

知其然知其所以然

举一反三

 

 

 

五、一起改进 VS Code,你也能成为 VS Code 的 Contributor

 

提问

Issue

PRs

插件

翻译

 

反馈渠道:

Bugs & feature request(Github Issue)

提问 (Stack Overflow)

讨论 (Gitter Chat Room/Slack)

 

提问:

Stack Overflow

使用标签

好的问题也能帮助别人搜索到

 

Issue:

Report bugs

Sumit feature request

Share you idea/feedback exising issues

帮助翻译中文issue

 

PRs:

PR指南

哪些issue 可以发PR,有help-wanted或者bug标签的issue、在发PR之前,先于相关的开发负责人讨论

 

六、VS Code 的核心组件

 

1.Electron

GitHub地址(https://github.com/electron/electron)

基于Node.js(作为后端)和Chromium(作为前端)

使用HTML、CSS、JavaScript开发跨平台桌面GUI应用程序

使用者:Atom,Skype、GitHub Desktop、Slack、Microsoft Teams

 

2.Monaco Editor

GitHub地址(https://github.com/microsoft/monaco-editor)

基于浏览器的代码编辑器:IntelliSense、代码验证、语法高亮、文件比较)

支持主流浏览器:IE11、Edge、Chrome、Firefox、Safari和Opera

使用者:Gitee Web IDE、Cloud Studio、Eclipse Che、Eclipse Theia、Azure DevOps、OneDrive、Edge Dev Tools

 

3.Language Server Protocol

Github地址(https://github.com/microsoft/language-server-protocol)

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsxjww.html