phpstorm、webstorm配置less编译器

1、 node.js 安装包    https://nodejs.org/en/download/

1) 安装js解析器node.js。直接下一步就ok了。

2) 将npm压缩包解压,找到里面的lessc.cmd文件,放到c盘下一个没有中文路径的目录下,我们假如是 C:\Users\admin\AppData\Roaming\npm

2、打开webstorm→file→settings→Tools→file watching

  点击“+”→less文件→Program右侧点击“。。。”弹出对话框,选择我们之前的文件,然后确定。

  确定。

重要:

这两个必须配置,scope是编译范围,要制定编译那个文件夹下的less,program是less执行文件的地址,这两个不配置,可能无法编译less文件

3、使用

新建haley.less文件,在html中进行引用

参考文档:http://www.cnblogs.com/haley168/p/webstorm_less.htm

其中,自己遇到的问题,是按照教程无法编译less,后来发现是scope没有配置,汗

时间: 2024-12-25 03:06:05

phpstorm、webstorm配置less编译器的相关文章

windows Notepad++ 上配置 vs 编译器 , 编译并运行

windows 中 配置 vs编译器 在Linux下,Kris是倾向于在终端中使用gcc和g++来编译C/C++的,在Windows下相信很多人都是选择臃肿的Visual Studio,我亦不免如此.但是,我希望在Windows下也能像Linux下一样简洁编程,于是开始了我的Windows下的C/C++命令行编译环境打造之路. 几乎没有人会否认集成开发环境 (IDE)(例如,Visual Studio,NetBeans,Eclipse)所提供的能使编程工作变得相当简单的诸多功能.但,还是说说命令

PhpStorm Git 配置(解决文件没有变色的问题)

摘要: PhpStorm Git 配置 首先需要安装windows下的Git版本,网上有很多我下载的是msysgit反正都差不多,不会的自己百度. 其次打开PhpStorm,点击File ,Settings ,找到Version Control 找到Git 这里有个Path to Git executable 需要填写的,网上看了很多教程.填写以后点test都报错PHPStorm官方也没有说明,经过研究最后发现.这里填写的应该是 G:\Dev_Git\Git\bin\git.exe 如我的是:G

WebStorm配置Node.js IDE

开始刚学的时候一直用命令行来运行Node.js,网上找了些配置Node.js IDE配置的贴子,说WebStorm配置IDE最简单,自己就试了下. 1.首先安装Node这步就不说了 2.下载WebStorm并安装,一步一步的安装这个也很简单. 3.密钥注册  这个百度上可以搜一下也有好多,看自己的造化了 4.下载Node.js IDE,http://www.jetbrains.com/webstorm/download/,然后一步一步下去就配置完成,这样就会在新建项目时多一个下面的选项 具体参考

PhpStorm中配置xdebug调试环境

1. 安装xdebug 第一步: 得到本地PHP配置信息 在终端中运行: php -i > outputphp.txt 然后将得到的txt文件中的信息拷贝并复制到http://xdebug.org/wizard.php 这个页面提供的一个textarea中. 然后点击下方的Analyze按钮, 它会自动帮你解析你本地的PHP环境信息从而得到你需要下载的xdebug版本和相关配置指令. 为了进行下面步骤,还需要安装php5-dev依赖包: sudo apt-get install php5-dev

PHPStorm如何配置,phpstorm的mac配置文件目录

PHPStorm的配置分为2大类:项目配置和IDE配置. 项目配置(设置),主要是配置具体项目.IDE 配置(设置),通用的设置会应用到所有的项目上. 项目配置每个项目的配置存储在项目所在目录的 .idea 文件夹中,并以XML格式保存配置.如果你设置的是 “default project settings 默认项目设置”,那么这个默认设置将会自动应用到下一个最新创建的项目上. IDE 配置IDE 配置存储在PHPStorm指定的独立文件夹中,各个平台不同,配置的文件夹存放位置也不同.存放目录由

Fluent14.0配置VS2010编译器

udf配置VS2010编译器,一种比较简单方法是配置C:\Program Files\ANSYS Inc\v140\fluent\ntbin\win64\udf.bat文件: 1 @echo off 2 rem --- 3 rem MS Visual C++ 4 rem --- 5 set MSVC=D:\Program Files (x86)\Microsoft Visual Studio 10.0 6 set MSVC_VERSION=0 7 8 echo trying to find MS

phpStudy+PhpStorm+XDebug配置

参考链接: <phpStudy+PhpStorm+XDebug配置>

webstorm配置eslint【标记错误,修复错误】

项目中经常用到eslint语法,结合个人经验,用webstorm配置eslint "文件"->"默认设置"->"语言&框架"->"Code Quality Tools"->"ESLint" 如图片所示操作后,在"项目目录"或"相应的文件上"或"代码区域块"右键可看到"Fix ESLint Problems&

PhpStorm+Xdebug配置单步调试PHP

(一)php安装xdebug扩展,PHPStorm+XDebug单步调试 (二)PHPStorm配置XDebug (三)PHPStorm使用XDebug调试 (四)PhpStorm+Xdebug配置单步调试PHP 一.原理: Xdebug是一款php调试插件,支持在Windows或Linux上进行远程调试.在php文件运行时,通过TCP协议发送调试信息到远程端口,IDE在收到调试信息时,可以向Xdebug发送单步运行,中止运行,运行等命令.此插件还可以进行代码覆盖率的统计,有兴趣的小伙伴可以一起