地址:知乎 内容大纲
特点:开源、跨平台、轻量级、内置git支持、丰富的插件
VSCode shortcut for windows 常见命令:
通过File-Preference-Settings可以访问配置项,可以修改所有的配置,包括扩展与否 常用配置项如下:
.git
文件夹等。可以通过修改该配置项进行设置。最上方会有面包屑导航,可以方便的查看在工作区的位置。 左边会有大纲导航,方便查看变量级别。 右边有全文跳转,方便在全文中进行跳转。
包括颜色主题或文件图标主题
学会搜索:
学会提问:描述清楚问题,方便别人帮助
寻求帮助前一定要有自己的思考(不然会提出很多弱智问题) 知其然,更要知其所以然 学会举一反三
贡献:
讨论:
PRs:发PR前需要看一下PR指南:https://github.com/Microsoft/vscode/wiki/How-to-Contribute#pull-requests 一般标help-wanted或bug的标签是可以发PR的。
另外一个贡献的方式就是开发插件。
翻译:翻译指南https://aka.ms/vscodeloc
四个核心组件:
开发框架,基于Node.js和Chromium,使用HTML,CSS和JavaScript等前端技术来开发跨平台的桌面级应用程序
基于浏览器的代码编辑器:IntelliSense,代码验证,语法高亮等特性
IDE与语言服务器之间的协议,可以允许开发人员在最喜爱的工具中使用各种语言来写程序。
希望将编辑器与调试器解耦合,便于编辑器与其他Debugger的集成
开源的三个阶段:公开源代码->Issues&PRs->Planning&Design 实时更新,管理Issues和PR来交互,并且有着开发和设计的计划。
code .
:在当前目录下打开新的VSCodecode -r .
:在当前目录下覆盖打开VSCodecode -n
:创建新的窗口code --local=es
:改变语言code --diff <file1> <file2>
:打开diff工具对两个文件进行比较code --goto package.sjon:10:5
:打开指定文件,指定行列(file:line[:character])code --help
:查看帮助选项code --disable-extensions
:禁止所有的扩展命令行高级功能:
--status
/-s
:查看信息extensions-dir <dir>
:查看extension的根目录https://code.visualstudio.com/api/references/theme-color
TmThemeEditor:https://ththeme-editor.herokuapp.com/
在当前工作目录的.vscode
目录下 文件>首选项>用户代码片段即可,可以生成仅在当前工作区生效的VSCode代码片段。
在菜单中,选择终端>Configure Task来配置。 选择终端>Run Task来运行重复工作。 这样可以不用在终端中反复输入重复的命令。
变量:https://code.visualstudio.com/docs/editor/variables-reference,列出了常用的变量
常规语言可以直接进行调试,复杂的项目要进行调试的时候需要对launch.json进行配置,通过修改当前目录下.vscode/launch.json
中的对应内容,可以实现调试。
多目标调试,比如在开发Web应用的时候,可以同时调试前端和后端的应用。
VSCode Remote,允许将容器/远程计算机/WSL作为完整的开发环境。相关插件包括:
其中,Remote - SSH就很方便,可以通过SSH channel连接上远程计算机,访问远程文件夹进行开发。
如何获取产品灵感:从日常生活、github issues中 参考其他浏览器/IDE的热门插件
确定目标用户
VSCode插件开发:https://code.visualstudio.com/api VSCode插件样例:https://code.visualstudio.com/api/extension-guides/overview