webstorm编译慢

① 为什么用webstorm创建项目之后每次刷新错误

作为一个前端开发，我用过webstorm和sublime两个编辑器。sublime小巧轻便，不耗内存。但是webstorm具有以下特点，让我难以舍弃。

webstorm优点

• 点击一个函数名，它会跳到函数定义的地方（这个功能特别好）

• 可以直接在webstorm中右键运行nodejs项目

• 具有调试功能

• 准确的错误提示

webstorm缺点

• 启动时非常耗cup和内存，一般刚开始可能400多兆，使用一段时间后会达到800多兆，所以系统最好要配置8G以上内存条，不然会非常卡顿

1 webstorm加载项目卡死在scanning files to index

1.1 原因解析

webstorm在加载项目的时候，会扫描所有的文件，并建立索引。这个索引提供代码补全，点击函数名跳到函数定义的地方的功能。但是，当你在做nodejs项目的时候，
往往需要依赖一些其他的模块，在你的项目下应该有一个node_moles的文件夹，这下面可能会有非常多的文件。强招必自损，webstorm在扫描它的时候，可能会很慢，可能会卡死，也能直接告诉你，cup已经爆满了，需要关闭webstorm。

1.2 解决方法

选中一个文件夹，例如node_moles，点击右键-》mark directory as -》excluded，这样就可以把这个文件标记并排除出来，使webstorm不会扫描这个文件下面的文件，然后就可以很爽快的进入工作状态了。

② webstorm 编译 scss 文件报错

打开webstorm创建空项目，点击“File”菜单选择“Setting”，搜索“watcher”关键字，

点击右边绿色加号，选择“SCSS”文件类型。

输入监视文件类型名称(随便写)，关键第二个选项，一定要选择ruby安装目录bin文件下的scss.bat文件

最后，创建.scss文件输入scss css代码，保存后会生成后缀.css文件，就可以了。

③ webstorm怎么设置自动编译

Arguments:
可以配置编译后的文件的输出路径,我这里写的是:
--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
注意, $FileName$后面有个冒号,然后$FileParentDir$表示的是scss文件所在的文件夹的父级文件夹,而不是scss文件的父文件夹.
举个栗子,我的项目叫sass-learn,里面有个scss文件夹,里面存放scss文件,那么按照这样配置的结果,style.scss所在的文件夹就是scss,scss的父文件夹就是sass-learn,然后找到sass-learn下的css文件夹,编译后的style.css文件就会在这里.
------------------------------

④ 使用webstorm写代码，为啥我的没有代码自动补全，是软件的问题还是设置的问题，并且它不会区分标

Webstorm是一个很牛叉的IDE，现在工作每天都是用它了。
最近开始用SASS，LESS等来写CSS，而在Webstorm中，它自带一个File Watchers功能，设置一下，即可实时编译SASS，LESS等。
LESS的实时编译很简单，在node平台安装一下即可。
而在折腾SASS在Webstorm上的实时编译时，花了我一点时间。因为按照网上的教程设置都不成功，最后自己把设置改来改去终于折腾好了。
下面就是在WebStorm设置SASS的File Watchers的步骤：

⑤ webstorm怎么编译scss的压缩输出方式 compressed

方法/步骤
1
1、下载ruby最新版2.1.5，安全起见可以安装ruby 1.9.3-p551
ruby安装文件自己网络一下，容易找到。
2
2、安装过程中，一定注意勾选第二项！否则cmd命令会找不到。

3
3、安装完后，检查是否安装成功
Win+r快捷键启动cmd命令窗口，输入ruby -v，注意中间空格，显示版本号说明成功。

4
4、借助ruby安装sass，dos命令窗口输入“gem install sass”
该命令一定要在system32文件下cmd.exe执行，默认安装目录在C:\Windows\System32\cmd.exe文件

5
5、安装过程中，耐心等待，直到提示安装进度100%。
同样通过“sass -v”命令(中间有空格)检查安装结果，显示当前版本号。

6
6、接着需要配置webstorm下sass编译环境。
打开webstorm创建空项目，点击“File”菜单选择“Setting”，搜索“watcher”关键字，

7
7、点击右边绿色加号，选择“SCSS”文件类型。

8
8、输入监视文件类型名称(随便写)，关键第二个选项，一定要选择ruby安装目录bin文件下的scss.bat文件

9
9、最后，创建.scss文件输入scss css代码，保存后会生成后缀.css文件，说明环境编译没问题。

⑥ vue: WebStorm设置快速编译运行的方法

WebSorm是一款优秀的前端开发工具，而Vue项目可以使用Node进行编译运行，平常我们可以通过命令行部署项目进行调试。
本文介绍设置Webstorm进行快速部署Vue项目。
第一步
点击启动快捷按钮旁边的向下小箭头，在列表中选择Edit选项：
第二步
打开启动设置页面后，点击左上角的加号添加新的运行方式：
第三步
在弹出的选择框中，选择node.js启动模式：
第四步
在新打开的设置页面中，在红色圈中的地方设置如图路径的文件：
至此设置成功，直接点启动按钮就可以部署项目。
以上这篇vue:
WebStorm设置快速编译运行的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:webstorm添加*.vue文件支持webstorm添加vue.js支持的方法教程webstorm中vue语法的支持详解webstorm和.vue中es6语法报错的解决方法详解Webstorm
新建.vue文件支持高亮vue语法和es6语法

⑦ webstorm为什么不能自动编译sass

Webstorm是一个很牛叉的IDE，现在工作每天都是用它了。 最近开始用SASS，LESS等来写CSS，而在Webstorm中，它自带一个File Watchers功能，设置一下，即可实时编译SASS，LESS等。 LESS的实时编译很简单，在node平台安装一下即可。

⑧ Webstorm 怎么调试 nodejs 会这么慢

Node Inspector 是一个可在webkit内核浏览器下进行nodejs调试的工具，其界面基本上跟chrome的调试工具一样，使用非常方便。
首先在全局环境中安装node inspector

[javascript] view plain
npm install -g node-inspector

安装完成之后，以调试模式运行需要调试的node代码，比如

[javascript] view plain
node --debug-brk app.js

这种方式会在代码运行的时候，强制在第一行添加断点
这时，会出现“debugger listening on port 5858”的提示
默认的端口是5858，也可以像这样修改:
node --debug-brk[=3000] app.js

然后，启动node-inspector，
[javascript] view plain
node-inspector &
（因为之前的nodejs代码在运行，所以命令行窗口没办法输入新的命令，所以启动node-inspector需要新打开一个命令行窗口来输入）

根据提示中的地址，打开http://127.0.0.1:8080/debug?port=5858
就可以看到，一个模拟Chrome调试窗口的页面，加载了node中的所有代码，具体的调试方式，就和Chrome一样了。

还有一种方式是在代码中需要添加断点的地方，加入
[javascript] view plain
debugger；
以下面这种方式运行
[javascript] view plain
node --debug app.js

这样代码会运行到需要debugger的地方暂停。

⑨ webstorm sass编译报错。

1，加一句编码，@charset "UTF-8"

8，如果scss文件中带中文会报错，解决方法如上图中第一行添加 @charset "UTF-8"

⑩ webstorm怎么编译sass

Webstorm是一个很牛叉的IDE，现在工作每天都是用它了。
最近开始用SASS，LESS等来写CSS，而在Webstorm中，它自带一个File
Watchers功能，设置一下，即可实时编译SASS，LESS等。
LESS的实时编译很简单，在node平台安装一下即可。