对现在很多程序员来说,代码都会存放在云服务器或者像 Github 等代码托管平台上。目前来说,我做的项目的代码主要存放在新浪云应用 SAE 上,很长一段时间内我对搭载本地开发环境并不熟悉,代码往往在本地编写,再复制粘贴或者打包上传到服务器上,显然这样的方法很重复低效。今天我来讲讲我使用 SVN 部署我的代码的过程,也算是一个教程了吧。

![][image-1]

这篇文章以 Mac 平台为例,在 Windows 下也是相似的。部署同步的新浪云应用 SAE 的代码,SAE 提供了 SVN、Git 和打包上传三种方式同步代码,详情可以查看 SAE 的文档 -> 传送门

选择适合你的客户端

我开发的语言为 php,在 Mac 上比较出名的是 PhpStorm,目前最新的版本是 10.0.2 ,每年售价是第一年 199 美元,第二三年分别为 159.00 和 119.00 美元,当然你也可以按月购买。初次使用 PhpStorm 有 30 天的试用期。官网下载在这里

![安装 PhpStorm][image-2] ▲ PhpStorm 安装

![安装完成][image-3]

▲安装完成

开发者可以根据自己开发的语言不同选择适合自己的 IDE ,大部分主流的开发环境应该都是有 SVN 和 Git 功能的,但是万变不离其宗,我这里以 PhpStorm 为例讲解怎么使用 SVN。

配置你的 PhpStorm

下面来介绍怎样设置你的 PhpStorm 进行 SVN 提交。

  • 打开安装好的 PhpStorm ,点击菜单栏上的 PhpStorm 然后依次是 Preference -> Version Concontrol -> Svbversion 。你如果点击 Git 可以进行 Git 的配置。
  • 在右侧的设置内,将 Use command line client 和 Use system default Svbversion configuration directory 两个选项打上勾。在 Use command line client 里填上 /usr/bin/svn ,然后点击 OK。
  • 回到一开始的界面,点击 Check out from Version Control 选择 Subversion。
  • 在弹出来的窗口里点击 + ,输入你的 SVN 仓库地址。SAE 的仓库地址格式为 https://svn.sinacloud.com/你的应用名称。点击 OK。

![输入 SVN 仓库地址][image-4]

▲输入你的 SVN 地址

  • 如果你输入的地址没有错误,那么接下来就会有一个新的窗口要求你输入用户名和密码。SAE 的用户名为你的 SAE 帐号的安全邮箱,注意是安全邮箱,不是你的微博登录的邮箱,密码是你的安全密码,注意不是你微博的密码,是你每次访问代码或者数据库的时候要求你输入的那个安全密码。

![输入 SAE][image-5]

▲输入你 SAE 的安全邮箱和密码

  • 点击 OK 之后,点击 Checkout。选择路径,选择 SVN 版本……一路 OK 下去,然后开始 Checkout。

![][image-6]

![][image-7]

  • 好了,接着你就要耐心地等待了,等待它从 Svbversion 上下载文件。

![等待下载][image-8]

▲等待下载

  • 等待下载之后,你就可以打开你的项目,开始编写你的代码了。

![编写代码咯][image-9]

▲开始码吧!

使用 SVN 管理你的项目

通过上面一步配置好你的 PhpStorm 之后,你就可以在本地查看到目前你的代码,你可以在本地编写和更新他们。接下来就是要提交( Commite )和同步( Update )你的代码。

  • 编写新的代码之后,你就要提交你的代码了。点击 VCS -> Commite Changes,或者直接 command + k 提交你的代码。

![][image-10]

▲Commite 你的代码

![][image-11]

▲提交成功

如果你的项目是多人合作,那么为了获取最新的代码,你应该 Update 你的代码。

  • 点击 VCS -> Update Project,或者直接 command + t

![][image-12]

▲Update 成功

如果你的项目是多人合作,在你提交代码的时候,你本地保存的代码已经被同伴们修改,那你在提交代码的时候 PhpStorm 会报错提示你。此时,你需要做的是更新一下你的代码。

![][image-13]

▲提交失败

  • 点击 VCS -> Update Project,或者直接 command + t
  • PhpStorm 会在服务器上找出当前版本和你的版本进行比较,你可以通过 Accept 左边还是右边的版本,或者点击 X 或者 >> 来处理不同版本的代码,最后 Apply 上去。

![][image-14]▲点击Merge管理合并

![][image-15]

▲管理你的代码版本

OK,这样一来你就完成了本地的 PhpStorm 的配置,现在你可以管理你的代码啦。

[image-1]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午9.01.52副本.jpg [image-2]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午3.23.18.png [image-3]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午3.37.22.png [image-4]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午3.51.25.png [image-5]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午3.52.02.png [image-6]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午4.50.57.png [image-7]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午4.51.10.png [image-8]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午4.51.21.png [image-9]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午6.44.52.png [image-10]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午6.49.41.png [image-11]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午6.49.57.png [image-12]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午6.54.36.png [image-13]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午6.57.00.png [image-14]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午6.57.24.png [image-15]: https://chanjh.github.io/post-images/屏幕快照 2015-12-24 下午6.58.21.png