开发工具系列:VSCODE使用与技巧(1)
VSCODE是微软在2015年4月推出的一款跨平台的IDE开发工具,支持Windows和MacOS和Linux,支持多种开发语言,迅速成为了前端/后端或者全栈开发者喜爱的开发工具之一。
下载链接
- Linux:https://code.visualstudio.com/docs/setup/linux
- Windows: https://code.visualstudio.com/docs/setup/windows
- macOS: https://code.visualstudio.com/docs/setup/mac
安装
按照上述链接内容即可完成安装,以macOS为例,下载之后拖至Application内即可。
常用设定
语言设定
缺省方式下使用的英语,如果希望调整成中文,按如下步骤即可
- 步骤1: Command + Shift + P 弹出窗口中输入Configure Display Language
- 步骤2: 选中简体中文并点击install
- 步骤3: 在弹出的是否希望切换到中文的提示中选择Yes
注:这是第一次安装语言包时的步骤,希望切换的时候只需要在步骤1列出的语言中进行选择,VSCODE会自行重启生效。
版本管理
VSCODE中可以使用git进行非常方便的操作,下图以.gitignore文件的加入作为示例进行说明,可以看到常用的操作均可图形化支持。
注意:.gitignore文件强烈建议作为管理文件保存,不然VSCODE的版本管理处也无法正常动作,比如Angular的项目中可能会把node_module中install的相关依赖也全部管理起来,会非常难以看清所做的真正修改。
常用快捷键
显示所有命令: Command + Shift + P
常用技巧
同时打开多个项目
在VSCODE中可以使用工作区的概念来实现多个项目同时打开的需求,以满足开发者在使用的过程中直接拖拽操作和内容关联确认的需求。
活用File菜单的如下功能即可:
- 打开工作区
- 关闭工作区
- 另存为工作区
- 将目录添加到工作区
- 将目录从工作区中移除