使用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