开发工具系列:VSCODE使用与技巧(1)

开发工具系列: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文件的加入作为示例进行说明,可以看到常用的操作均可图形化支持。开发工具系列:VSCODE使用与技巧(1)
注意:.gitignore文件强烈建议作为管理文件保存,不然VSCODE的版本管理处也无法正常动作,比如Angular的项目中可能会把node_module中install的相关依赖也全部管理起来,会非常难以看清所做的真正修改。

常用快捷键

显示所有命令: Command + Shift + P

常用技巧

同时打开多个项目

在VSCODE中可以使用工作区的概念来实现多个项目同时打开的需求,以满足开发者在使用的过程中直接拖拽操作和内容关联确认的需求。
活用File菜单的如下功能即可:

  • 打开工作区
  • 关闭工作区
  • 另存为工作区
  • 将目录添加到工作区
  • 将目录从工作区中移除