less大家都知道是什么了,现在比较流行的编译器就是koala nodejs来解决。koala就不多说了 好用也简单 只是换项目之后配置一下就行,今天我就讲下用 Nodejs 怎么来编译,我下面说的是针对 webstorm配合。
1,下载nodejs,并且安装,配置下环境变量。
安装成功结果
2,安装less
在cmd中输入
npm install less -g
less安装结果,记一下那个路径,后面会有用。
3,在webstorm里面配置less.
打开webstorm——File——Settings——Tools——File Watchers,点那个绿色的+ 按钮
我解释下上面的内容。
program : 选择node.exe所在的目录
Arguments: 选择之前记录的那个目录下 lessc 文件所在的路径, 后面加$FileName$,
Working directory:不用改
Output...:就是指编译后css的存放路径,后面有个insert..的按钮,自己摸索吧,这个地方就是设置编译后的css文件存放的路径以及取什么名字以及后缀。我就不多说了,大家自己玩玩就知道了。
谢谢大家
相关推荐
JetBrains IDE Support 是一款谷歌浏览器上进行开发调试用的插件。支持HTML/CSS/JavaScript编辑和 JavaScript 调试。
webstorm中px转rem插件 使用说明: 1.file-settings-plugins-install plugin from disk-选择生成的jar文件-restart webstorm 2.tools-SetPX2REM设置计算的比值-选中代码段,如'100px'-后,点击shift+f 3.设置界面和...
webStorm用的chrom插件2.0.6
将其中的wecharCode.jar 下载下来,然后在webStorm 的 File -> import settings 中导入即可
安装nodejs ...下载完毕后,所有步骤默认 安装完成后,在命令行(cmd.exe)运行 ...全局安装less cnpm install less -g 安装完成后在,图的最后一个红框地址 C:\Users\Administrator\AppData\Roaming\npm\les
import cost 的webstorm 插件 , 用于查看 引用的包的大小
如何用ChatGPT插件+Webstorm提高程序员效率
windows使用方法:file -> import settings -> ReactNative.jar
WebStorm eslint 插件。下载到本地,解压缩,选择从本地安装插件,选中eslint-plugin.jar即可
下边我们介绍下webstorm来开发微信小程序的一些配置: 1.首先FileType下Cascading Style Sheet 添加*.wxss (此图片来源于网络,如有侵权,请联系删除! ) 2.FileType下HTML 添加*.wxml (此图片来源于网络,如有...
WebStorm 集成 ReactNative 插件,reactnative 代码提示 ReactNative的代码模板,包括: 1. 组件名称 2. Api 名称 3. 所有StyleSheets属性 4. 组件属性 [2015-12-25]新增
主要介绍了微信小程序中用WebStorm使用LESS的相关资料,需要的朋友可以参考下
APICloud开发工具:WebStorm插件
Intellij平台(WebStorm, RubyMine, Intellij等)的Vue.js支持插件
主要介绍了在webstorm中配置less的方法,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
使用webstorm开发小程序wxml代码高亮提示。webstorm,phpstorm,intellij idea都可使用,小程序代码高亮插件
主要介绍了Webstorm2017上SVN插件安装的方法步骤,安装Webstorm2017后,要使用svn版本控制,主要介绍如何安装配置SVN,分享给大家,有需要的可以了解一下
资源名称:使用webstorm开发nodejs 中文WORD版内容简介:本文档主要讲述的是使用webstorm开发nodejs;希望对大家会有帮助;感兴趣的朋友可以过来看看资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学...