Under WebStorm2018.1 configuration and detailed tutorial using SVN

 

 

If you need to install SVN server. Click to view: SVN server under Linux build (subversion) in detail all the steps !!!

 

WebStorm development, WebStorm is really a good IDE, provides many including completion and so powerful in the preparation of JS time. How to build SVN version control tools for team development in the actual project development it?

1. Install SVN

     In the official website to download: TortoiseSVN , (click to download) . Note that during installation, the default is not selected during installation "the Command Line Client Tools" , you should be chosen. 

                          

  Special episode Development: (here you must remember to select "command line client tools", if unchecked, would be less in the figure below during WebStorm configuration file, and the file will find not see svn.exe stuck.

        If you really forget installation, re-run the installation package to find, select modify, and then check the command line client tools on the line item. )

 

                    

 

2. Test SVN Client 

    Here using TortoiseSVN, enter the address svn://你的IP can be, nothing else will be able to enter a user name and password for the connection is successful.

    The default port 3690, if you change the port, then remember to add the port number.

  

  note:

  You need to use the  svn: //  instead of  http: // protocol   otherwise it will prompt the following error message: (Unable to Connect to the URL of ... AT A Repository )

       

 

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)只有一点,就是 “先更新,在提交”

     Specific operation, that is, select the file to be submitted. First Update File then Commit File.

            

 

  (2) to update and commit may also encounter some problems. Here I am not being met, I'll start with some of the online excerpt. To prevent future use. (Following from network :)

   

      Select the modified code file, and then click the "Commit" button;

    

 

   Success prompted warnings or errors; 

        A. success tips

            

         B. error warning

             ①. Click Review review

                   

          ②. Correct these errors and warnings

                   

           ③. Submit

                   

 

 5. The  W is ebStorm folder display different colors according to the svn / git file status! ! ! (Set WebStorm special episode features)

  After WebStorm use SVN, you will find, upload and did not upload, modify, and did not change the color of the file is the same. Difficult to discern. It can be set as follows: 

  1) Set the folder color changes depending on whether the file status setting -> Version Constrol 

        

 

  2) modify the color folder color:

    Editor 2018,2019 version in  Version Control - File Status Colors>

               

    

    Editor previous version in 2018: Editor> Colors & Fonts> File Status (hereinafter pictures of the network :)

               

 

 

by without saying thanks

Guess you like

Origin www.cnblogs.com/byx1024/p/12194575.html