使用webstorm有一整子了，发现这个软件比较方便的几个功能，让你在开发过程中减少繁琐而重复的工作，提高效率。

1、版本控制

配合svn工具，你可以直接在编辑器里面提交代码，并且webstorm会将你修改过的文件聚合显示，你可以将他们分组，然后分别提交代码，避免同时开发多个功能时需要手工选择提交文件。

2、FTP上传

使用webstorm内置的ftp工具，你可以直接在编辑器里上传文件到服务器，webstorm会自动上传并覆盖对应文件，还可以选择在提交文件到SVN时自动上传到FTP，这样就不需要自己去一个一个上传了。

3、scss自动编译

通过配置File watchers，实现自动编译scss文件的功能，前提是需要配置好SCSS开发环境，关于如何配置SCSS开发环境，可以参考这篇文章：在windows下配置sass开发环境遇到的几个问题

下面将会分三部分说明如何配置webstorm来实现相关功能。

一、webstorm配置SVN

这里使用的是TortoiseSVN

TortoiseSVN下载地址：https://tortoisesvn.net

关于如何配置SVN服务器，可以参阅这篇文章：如何配置SVN服务器

双击TortoiseSVN安装包，按提示安装，注意点击command line client tools前的红叉，然后选择Will be installed on local hard drive.

image

如果在此之前安装过TortoiseSVN，可以双击TortoiseSVN的安装包，选择Modify，单独安装command line client tools

在webstorm的菜单->文件->设置->版本控制->Subversion 在右侧填入正确路径。

然后点击webstorm的菜单->VCS->导入到版本控制->Import into Subversion

在此之前如果你已经将工程导入版本控制中了，可以选择从版本控制中检出。

image

点击后会打开SVN列表，点击加号添加你的SVN路径。继续下一步输入SVN的用户名和密码开始导入。

image

点击菜单栏的视图->工具窗口->版本控制 就能在工作区下方显示版本控制窗口，修改过的文件会显示在这里，在上面单击右键选择提交更改，就可以提交到版本库中，你也可以将修改过的文件分组上传。

image

PS:

如果VCS菜单没有出现提交更改选项，点击VCS菜单下的“启用版本控制合并”就能出来了。

配置好SVN以后，webstorm可能会出现以下提示：

Can’t use Subversion command line client: D:Program FilesTortoiseSVNbinsvn.exe

Subversion command line client version is too old (1.9.5).Fix it(show balloon)

原因是SVN命令行的版本过高，虽然这里显示的是太低，可以选择安装低版本的SVN，我没有理会这条错误提示，SVN任然能够正常使用

待更：

webstorm配置FTP

webstorm配置SCSS