本课程使用 VS Code 作为编写 Electron 应用的 IDE，主要原因是 VS Code 对 JavaScript 的调试支持得比较好。在开发正式的项目时，不管是开源的还是私有的，通常都需要通过代码库来管理，最流行的是 Git 代码库。VS Code 已经集成了 Git，能够支持 Git 的基本功能。本节将介绍如何使用 VS Code 将本地代码提交到远程 Git 代码仓库，以及从远程代码仓库克隆（clone）代码到本地。
首先要选择一个远程代码仓库，比较流行的有 GitHub、Bitbucket 等。如果项目是开源的，建议使用 GitHub，如果项目是私有的，建议使用 Bitbucket，当团队人数不大于 5 人，使用 Bitbucket 创建私有项目是完全免费的，而且不限项目数量。
VS Code 本身并不带 Git 工具包，所以要自己安装。如果读者使用的是 Mac OS X 或 Linux 系统，Git 工具包已经集成到系统中了，如果使用的是 Windows 系统，需要通过下载 Git 安装包，点击这里下载。
安装完 Git 工具包后，在命令提示行输入如下命令查看 Git 的版本。
git version
VS Code 会自动检测 Git 的版本，要求最低版本是 Git 2.0.0，如果读者下载的是最新的工具包，肯定满足这个要求。
4.1 向远程代码库提交源代码
如果项目是新创建的，可以按下面的步骤向远程代码库提交源代码。
（1）创建一个新的目录
需要为新项目准备一个空的目录，本例是 newproject。
（2）初始化本地代码创库
Git 代码库分为本地和远程两种，如果代码发生了变化，首先会将变化保存到本地代码库，然后再将变化提交到远程代码库。由于 newproject 目录中还没有 Git 本地代码库，所以使用下面的命令初始化 Git 本地代码库。
git init
Cit 本地代码库就是一个 .git 目录，该目录是隐藏的，但使用 cd .git 命令可以进入该目录。
（3）用 VS Code 打开 newproject 目录
（4）在 VS Code 中创建新的文件
也可以将前面编写的 Electron 应用的文件复制到 newproject 目录中，这时 VS Code 左侧的工程文件列表就会显示 newproject 目录中的所有文件。
（5）将 Git 本地代码库与远程代码库绑定
这时只能将修改过的代码提交到本地代码库，如果要将代码提交到远程代码库，需要使用下面的命令指定远程代码库的 URL。
git remote add origin https://myuser@bitbucket.org/oriothers/newproject.git
其中 origin 是为远程代码库指定一个名字，这个名字可以是任意字符串，通常指定为 origin。
由于本地代码库现在还没有分支，只有第一次提交（commit）才会创建 master 分支，所以需要将 newproject 目录中文件提交到本地代码库。切换到 VS Code，然后单击左侧第 3 个按钮，如下图所示，在右侧会显示所有已经修改的文件，单击文件右侧的加号按钮，将所有修改过的文件暂存更改。
image
网友评论