WebStorm2018.1 下配置与使用SVN详细教程

Posted 不言谢的网络学习日志

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WebStorm2018.1 下配置与使用SVN详细教程相关的知识,希望对你有一定的参考价值。

 2020年8月18日13:22:00

更新添加一个汉化地址。


 

 

如果,需要安装 SVN 服务器。点击即可查看:Linux 下的 SVN服务器搭建(subversion)的详细全部步骤!!!

 

WebStorm开发,WebStorm的确是一个不错的IDE,在编写JS的时候提供了很多包括自动完成等强大的功能。在实际项目开发中如何搭建SVN版本控制工具进行团队合作开发呢?

1.安装SVN

     在官网下载: TortoiseSVN(点击下载)。安装过程中注意,安装时默认没有选择 ”command line client tools”,这里需要选上。 

 

  番外拓展:

  (这里必须记得选择 “command line client tools”,如果不选择,就会少下图中的文件。在进行WebStorm配置时,会找不见 svn.exe 文件而卡住。

   如果真的忘记了安装,找到 安装包重新运行,选择 modify,然后勾选 command line client tools 项就行了。)

 

                    

 

如果需要汉化:点击查看此文【SVN汉化包安装方法】

2. 客户端测试 SVN 

    这里使用TortoiseSVN,输入地址svn://你的IP 即可,不出意外输入用户名和密码就能连接成功了。

    默认端口3690,如果你修改了端口,那么要记得加上端口号。

  

  注意:

  需要使用 svn://  而不要使用  http://协议  否则会提示以下错误信息:(Unable to connect to a repository at URL ...)

       

 

3. 配置 WebStorm ,在webstorm中安装“SVNToolBox” 插件。

  (1)打开Webstorm,选择 “ File  >>  Settings ”;  (文件 ----> 设置)

                  

 

   (2)点击 “Plugins”,然后再点击 “Browse repositories” 按钮;(插件 ----> 浏览存储库)

                 

 

   (3)搜索“SVN”,在搜索结果列表中点击 “ SVNToolBox ”,单击 “Install” 按钮安装;

    (如果你看到,我的 “Install” 按钮 和你的不一样,不用担心,因为这是我 P上去的,我安装过插件,已经没有 “Install” 按钮了。)

              

 

   (4)安装完成后“重新启动WebStorm”;(同上,如果按钮不一样,不用担心,这也是我 P的)

               

 

  (5)重启进入Webstorm,接下的配置比较重要,网上水贴,基本都是这里有坑,不说。是真坑!!!

    继续选择 “ File >>  Settings  >> Version Control >> subversion ”,进行svn本地的安装配置。

    (如果没改安装路径,就是下面和我一样的路径,如果没有svn.exe请看第一步。)

    同时将下边的三个选项取消,点击OK。  这样 WebStorm 就配置完毕了。 (文件 ----> 配置  ----> 版本控制  ---->subversion )

              

 

4.  “SVNToolBox” 插件的使用简介:

  首先需要设置:

  在vcs菜单中有一个Enable Version Control Integration,意思是使用版本控制集成,选择svn。

 

  这样选择后,在项目的右键菜单中才会出现 SubVersion的菜单。(设置后就没有这个选项了,以下图片来自于网络:)

             

 

   从svn 上拉项目

  (1)打开 WebStorm,然后菜单中 找到并点击 VCS,找到 “Checkout form version control”(从版本控制中检出),然后点击 Subversion,此时会出现 Checkout from Subversion 弹窗;

            

 

   (2)点击弹窗上的 + 号,输入 服务端的svn地址 并点击确定;接下来会弹出弹窗输入用户名和密码,将创建用户的用户名和密码输入即可;

  (3)回到 Checkout from Subversion 页面,选择 需要检出的项目  并点击 checkout ,在弹窗中选择要进行版本控制的项目依次选择确定。

   (这里有个会用到的地方,就是 下图的 Destination 选项,在这里可以选择检出到本地到的路径。

    防止多项目都检出到一个文件夹下的烦恼,会用的人自然懂。)

              

 

   往svn上 更新和提交 项目

   (1)只有一点,就是 “先更新,在提交”

     具体操作,也就是 选中需要提交的文件。 先 Update File Commit File。

    

 

 

 

  (2)更新与提交可能 也会碰到一些问题。这里暂时我是没有碰到,我就先从网上摘抄一些。 以防以后用到。(以下内容 来自网络:)

   

      选择被修改的代码文件,然后单击“Commit”按钮;

    

 

   成功提示或者错误警告提示; 

        A.成功提示

            

         B.错误警告提示

             ①.点击Review审查

                   

          ②.修改这些错误和警告

                   

           ③.再提交

                   

 

 5. WebStorm 文件夹根据 svn/git 文件状态 显示不同颜色!!!(WebStorm番外功能的 设置)

  WebStorm 用了 SVN 之后 ,就会发现,上传和没上传,修改和没修改 文件的颜色都是一样的。难以辨别。可以进行如下设置即可: 

  1)设置文件夹颜色是否根据文件状态改变 setting --> Version Constrol 

        

 

  2)修改颜色文件夹颜色  :

    编辑器2018,2019版本在 Version Control --> File Status Colors

               

    

    编辑器 2018 版本以前的 在:Editor > Colors & Fonts > File Status  (以下图片来之网络:)

               

 

 

by不言谢

以上是关于WebStorm2018.1 下配置与使用SVN详细教程的主要内容,如果未能解决你的问题,请参考以下文章

WEBSTORM最新版,震撼来袭WebStorm 2018.1更好地支持Vue.js和React Native……

webstorm中配置svn

安装 Kali Linux 2018.1 及之后的事

webstorm配置svn和github

webstorm配置svn详解

js webstrom中svn的配置及使用