此次分享主要来自知乎上的《VsCode从入门到进阶》,一个朋友给我分享了一下,于是我听了一下,做了一些笔记,借此分享给大家。
VsCode官网地址为:
https://code.visualstudio.com/
感兴趣的朋友可以下载体验一下:
内容大纲
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)