WebStorm使用问题及解决方法[20170327更新]

前言

此文用来记录使用Webstorm的过程中遇到的问题

问题

1、在文件夹下新建js文件,文件图标并不是js,而是text或者其他,里面代码自然也是灰色没有高亮的

解决办法:file-settings-editor-file type,看右侧,找到你显示文件的图标,把register patterns里你那个文件名删除就行了

2、Webstorm卡顿问题
可能原因1:webstorm作为一款IDE,本身占内存是肯定的,如果你的机器性能较低,这会是卡顿的原因
可能原因2:项目太大
可能原因3:开启过多插件,例如js文件校验等
解决办法

1:修改webstorm的最大内存:
webstorm安装主目录>bin>WebStorm.exe.vmoptions
更改二三行为如下,再重启编辑器即可
第二行:-Xms526m
第三行:-Xmx1024m
2:不为大文件建立索引,举个例子,我最近在搞ext,整个项目236M,其中extjs的库文件就占了很大一部分,所以我把这个文件夹的索引去了,瞬间不卡顿!
办法如下:鼠标右击要操作的文件夹-Mark Directory As-Excluded,即可!
3:关闭校验,禁用插件,这个应该是在Setting-Plugin里,具体可以实践下

3、webstorm+chrome实现实时刷新

setting-Build,Exexution,deployment-debugger-live edit,勾选auto in 0 ms,然后再chrome安装插件“jetbrains IDE support”,使用时点击状态栏的JB图标里的inspact in wenstorm即可

4、scss自动编译

安装ruby,然后在ruby的命令行里输入“gem install  sass”,sass -v查看是否安装成功,webstorm-setting-tools-file watcher-添加scss,program栏选择ruby安装路径下的bin/scss.bat,然后在项目下新建.scss文件,就能自动编译了

5、scss注释里带中文编译出错

添加字符编码即可 @charset “utf-8”;

6、scss编译输出默认是nested,最好设置为expanded更符合习惯,方法是在webstorm-setting-tools-file watcher-scss-arguments填写如下

--style expanded --no-cache --update $FileName$:$FileNameWithoutExtension$.css

6、javascript对齐

setting-editor-code style-javascript-other,Align Object properties-on colon,然后下方的align var statement勾选最后一个保存即可,然后代码块里ctrl+alt+l进行格式化

共有 0 条评论

Top