phpstorm-file watcher

在项目中使用了sass，将scss编译成css的时候，每次都需要compass watch

netbeans产品带有file watcher功能

三大类

1,less，scss，sass into css，

2,TypeScript and CoffeeScript into Js，

3,Compress JavaScript and CSS code.

配置方法及步骤

scss into css的配置方法Ctrl+Alt+S 打开设置面板，找到并打开file watcher,点击面板右侧+，选中compass scss.她已经智能的把所有的参数都配置好了，可以快乐的玩耍了。

现在打开项目中的scss文件，随便做点改动，phpstorm会提示excusing "scss task",打开对应编译的文件，Great! It really works.

查看详细或者其他监听的配置方法请访问官网详细简介http://www.jetbrains.com/phpstorm/help/using-file-watchers.html

时间： 2024-10-06 14:03:30

phpstorm-file watcher的相关文章

Sass安装与Webstorm File Watcher配置

一.Sass安装 ruby安装 mac系统默认安装了ruby,可以直接跳过此步骤,linux和windows需要安装ruby环境. windows安装ruby环境: 到ruby官网下载自己系统适用的版本(我下的是2.1.7(x64)) 安装ruby,此步骤只需留意勾选Add Ruby executables to your PATH这个选项,它将添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境,影响Webstorm 自动编译. Sass安装(淘宝RubyGems镜像) 在开始菜单

phpstorm配置File Watcher在windows下自动编译sass文件

最近刚接触sass这个css预处理器,其在windows上需要先安装Ruby运行环境.装好Ruby和sass后,发现如果要将.sass文件转成css的话,还需要在控制台中输入命令,比较麻烦. 由于我自己用的IDE是phpstorm,所以去其官网翻了下,可以用里面的File Watchers来实现自动转换.sass->.css文件. 其实当你新建一个.sass文件的时候,phpstorm也会提示是否配置File Watchers. 配置步骤以windows环境的phpstorm 7.1.3为例:

在webstorm设置File watcher for Jade

用Jade模板引擎写html确实方便,元素不用闭合,很多种简写的方法. 为了要知道自己写的对不对,就要用到jade -w命令监控jade文件,只要变化就编译. 现在用webstorm写代码的超多,可以通过其中的Filewatcher的方式关联jade命令做到自动化编译生成html文件. 步骤: 1.当然是安装jade,装过的就忽略. npm install -g jade 2.设置Webstorm,添加filewatcher for jade 点击菜单项“File->Settings...”,在

如何为WebStorm设置SASS的File Watchers？

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

在IDEA(phpStorm)中使用Babel编译ES6

安装Babel 官方文档建议我们根据单个项目进行本地安装,原因是不同的项目可以依赖不同版本的 Babel,使你的项目更方便移植.更易于安装. 在项目的根目录下使用命令行工具(CMD等)执行下面代码 npm install --save-dev babel-cli 安装编译规则官方提供了几套预设的规则集,分别适用于 ES2015.React 和 ES7 的一些实验性特性.我们可以根据需要安装(如果只需要学习 ES6 语法的话,就只选 ES2015 好了). # ES2015转码规则 npm in

[WebStrom] Cannot detect file change to trigger webpack re-compile

Working with editors/IDEs supporting “safe write” Note that many editors support “safe write” feature and have it enabled by default, which makes dev server unable to watch files correctly. “Safe write” means changes are not written directly to origi

PhpStorm, XDebug, and DBGp Proxy

phpstorm 利用 xdebug.dbgp-proxy配置远程调试 1.单客户机远程调试 a.安装xdebug库文件(windows:php_xdebug.dll;linux:php_xdebug.so) b.修改php.ini(php源码运行环境) ;xdebug库文件 zend_extension = "d:/wamp/bin/php/php5.3.10/zend_ext/php_xdebug.dll" ;开启远程调试 xdebug.remote_enable = On ;客户

本地环境 XAMPP+phpStorm+XDebug+chrome配置和断点调试

不明白phpStorm+XAMPP+chrome组合的phpStorm配置XDebug的断点调试,很多种网页办法都看过了,可用,但没达预期.QQ群问,一个大牛很奇怪我都配置了怎么还不正确,很干脆地说远程协助.哈爽快人说爽快话给办利落的事,我还没说感谢呢大牛就直接说有事88. 今天me总算明白了,其实很容易理解的,休闲的时间把配置过程写了,顺便mark下,需要的人来看看.其实今天<爱你,万缕千丝>正在放映,我追看的,今天恰逢之元.天丘因家族利益出现大吵,所谓一部戏铺垫完.到了矛盾激化到极点.将要

PhpStorm中terminal窗口字体修改

在PhpStorm–File–Settings–Tools–Terminal中可以看到terminal调用的系统的cmd.exe程序因此需要做的就是修改系统的cmd.exe中的字体,如下: CMD命令行修改字体 cmd窗口标题处右键菜单–属性–字体选项卡中可选择字体及大小颜色设置 CMD命令行添加字体 1.修改注册表,键盘快捷键win+R,运行regedit 打开HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Windows NT/CurrentVersion/Co