令人脑阔疼的一次安装体验!
一、下载安装软件
先把需要用到的软件全部下载安装完成
1.node.js : https://nodejs.org/en/download/
2.SlikSvn : https://sliksvn.com/download/
安装过程需要注意的是,默认安装没有选择”command line client tools”,这里需要选上。
记住此时安装的目录,后面配置WebStorm将会用到
3.SVN服务器 VisualSVN : https://www.visualsvn.com/server/download/
二、配置VisualSVN
在VisualSVN创建项目svntest,创建用户
(1)创建项目svntest
在Repositories上右键,选择Create New Repository...,然后按照要求点击下一步即可;
创建项目成功后如上图所示,会提示 Repository Created Successfully,name : svntest、URL:http://dell-pc/svn/svntest
URL地址要记住,后面将会用到
创建完成后如上图所示,其中的 .idea 和 index.html 是后期导入的,刚创建完是没有的
(2)创建用户
在Users上右键,选择Create User...,此时会弹出窗口要求输入用户名和密码
输入用户名和密码后点击OK,记住此时的用户名和密码,配置 WebStorm 将会用到
创建成功后如下图所示
三、配置WebStorm
(1)打开WebStorm,菜单中选择“文件>> 设置...”;
(2)单击“Plugins”,单击“Browse repositories...”按钮;
(3)搜索“svn”,然后在搜索结果中点击“SVNToolBox”,单击“Install”按钮;
(4)安装完毕后“重新启动WebStorm”;
(5)正确安装后,再次进入Webstorm,选择“文件>> 设置… >> Version Control”,便可以看到这里多了 Subversion的设置项;
将 Subversion 设置项中的第一个空白路径设置为 SilkSvn 的安装路径,然后点击下面的确定即可,这样 WebStorm 配置完毕。
四、从Svn上面拉项目
(1)打开 WebStorm 然后点击 VCS,找到从版本控制中检出,然后点击 Subversion,此时会出现 Checkout from Subversion 弹窗;
(2)点击弹窗上的 + 号,把刚刚在 VisualSVN 上创建的 svntest 项目的地址写上并点击确定;接下来会弹出弹窗输入用户名和密码,将创建用户的用户名和密码输入即可;
(3)回到 Checkout from Subversion 页面,选择 svntest 并点击 checkout ,在弹窗中选择要进行版本控制的项目依次选择确定
(4)开启版本控制,将当前项目Import到SVN上,团队的其他成员可以连接你的SVN服务器进行代码编写,提交。
每次更改完代码后先更新再上传即可!