文档章节

webstorm less配置

hqzahqz
 hqzahqz
发布于 2017/08/15 10:00
字数 345
阅读 9
收藏 0

目前试过最靠谱的配置方案

之前使用file Watchers(External Tools上面那个)一直失败找不出原因 ,想起笔记本上半年以前配置过就看了一下,果然成功了。

准备工作 安装:1. nodejs  http://nodejs.cn/download/

                         2. 利用nodejs自带npm安装lessc

                          ----2.1 检查 npm 是否安装成功(下图为成功安装)

      

                   npm -v

                                 

                           

                            ----2.2 安装lessc

                              

                  npm install less -g

                           

                            ----2.3检查 npm 是否安装成功 

                   npm less -v

                           出现版本号即可

                         3.在webstorm中配置less

                            ----3.1顶部菜单栏 -File ->setting -> Tools -> External Tools -> +(添加) ->

                            

重点来了

           找到上图界面中的Parameters:

    $用npm下载lessc文件位置$ (空格) $FilePath$(空格)$FileDir$\$FileNameWithoutExtension$.css

解释    $用npm下载lessc文件位置$ :lessc插件

            $FilePath$ : 需要编译的less 文件

            $FileDir$\$FileNameWithoutExtension$.css: less转成css后的文件地址

           

            ----3.2顶部菜单栏 -File ->setting -> keymap ->external Tools->external Tools->less->设置快捷键

                  在3.1没有被正确之前是不会出现  external Tools->less文件夹的(除非你以前成功过····)

                    

                3.3检查能否成功 

                        使用 快捷键 编译 一个less文件····这个可以烂尾不细说吗?呵呵

 

总结:前两步有错误找百度,七七八八可以展开的太多了,这篇主要为了记录webstorm配置less编译环境。第三步,用这招屡试都很爽

                   

               

© 著作权归作者所有

上一篇: MySQL-10061
hqzahqz
粉丝 0
博文 6
码字总数 3267
作品 0
绍兴
程序员
私信 提问
安装和配置—Webstorm入门指南

WebStrom档案 用途:功能强大的前端专用IDE,拥有即时编辑(chrome)、自动完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、单元测试、集成git和svn...

李长春
2012/11/08
0
2
如何在终端快速的用Webstorm编辑器打开工作文件

如何从终端直接打开webstorm 先在Webstorm编辑器中配置终端命令行的打开命令。. 设置完成后在终端输入命令,可以看到在文件夹下面有. 此时只需要先切换到你想要打开项目的路径下,然后输入,...

zj19931225
04/24
0
0
WebStorm 9 支持 Meteor

WebStorm 9 EAP 相关特性: WebStorm EAP is open! Live Edit updates in WebStorm 9 – What’s new? Tracing, debugging and profiling Node.js with spy-js JavaScript Postfix Completi......

oschina
2014/09/10
5.4K
7
使用WebStorm进行javascript调试

曾经的选择是使用火狐浏览器的Firebug插件,具体的用法到时候在细说,这篇文章登场的是开发静态网页及javascript的利器--webstorm. 一.相关软件安装和配置   安装WebStorm   WebStorm官网...

java~nick
2017/07/15
0
0
WebStorm 9正式发布——优越而简单

WebStorm 9带了更多引人注目的新特性。包括支持目前最热门、最强大的开发框架及应用库。并在WebStorm 9集成新的工具和改进性能。这次WebStorm 9正式发布,集合之前测试版的信息,整体给开发者...

kouxunli1
2014/10/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

texlive安装

Installing to: D:/bin/texlive/texlive/2019Installing [001/307, time/total: ??:??/??:??]: adobemapping [2130k]Installing [002/307, time/total: 00:03/08:57]: ae [84k]Installing......

MtrS
48分钟前
2
0
运维规范

命名规范 发布流程 监控告警 故障定位 状态 日志 监控

以谁为师
今天
2
0
约瑟夫环(报数游戏)java实现

开端 公司组织考试,一拿到考题,就是算法里说的约瑟夫环,仔细想想 以前老师将的都忘了,还是自己琢磨把~ package basic.gzy;import java.util.Iterator;import java.util.LinkedList;...

无极之岚
今天
3
0
Kernel字符设备驱动框架

Linux设备分为三大类:字符设备,块设备和网络设备,这三种设备基于不同的设备框架。相较于块设备和网络设备,字符设备在kernel中是最简单的,也是唯一没有基于设备基础框架(device结构)的...

yepanl
今天
3
0
Jenkins 中文本地化的重大进展

本文首发于:Jenkins 中文社区 我从2017年开始,参与 Jenkins 社区贡献。作为一名新成员,翻译可能是帮助社区项目最简单的方法。 本地化的优化通常是较小的改动,你无需了解项目完整的上下文...

Jenkins中文社区
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部