轉載地址 https://www.cnblogs.com/byx1024/p/12194575.html
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 （以下圖片來之網絡：）
