首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
tags
actionscrip
filter
express
sum
utf-8
range
text
typescript
python3
cmd
match
tree
require
schema
byte
io
emoji
expression
node.js
httprequest
post
scala
yaml
数组
integer
char
cookie
jar
merge
datetime
version
javascript
command
php7
php5
controller
hashcode
python
rsa
keyword
flutter
cPlusPlus
hashtable
stream
golang
timestamp
bitmap
client
hook
blob
testing
timezone
bytecode
callback
const
loops
shell
random
include
select
ascii
lua
search
heatmap
fetch
request
jsp
bit
php8
httpclient
chat
default
string
less
python2
subset
vba
bash
当前位置:
开发笔记
>
编程语言
> 正文
webstoem自动编译less文件
作者:大--Man_815 | 来源:互联网 | 2023-05-18 00:07
去node的主页下载对应版本的nodejs然后安装下载地址:http:nodejs.org根据自己的系统选择合适的版本下载。安装完成之后打开命令提示符(win+r输入cmd回车),分别
去node的主页下载对应版本的nodejs然后安装下载地址:http://nodejs.org/ 根据自己的系统选择合适的版本下载。
安装完成之后打开命令提示符(win+r 输入cmd 回车),分别输入node -v以及npm -v如果返回版本号说明你安装成功了
接下来就可以安装less了,在“命令提示符”下运行命令“npm install less -g”,然后npm就自动开始下载并安装LESS。
配置webstorm(版本10),点击“文件”> "设置"(Ctrl+Alt+S) 弹出设置界面,在左侧导航找到“工具(tool)">"file Watchers" 点击“+”号按钮找到less文件选项点击添加。
配置参数
Arguments : --no-color --source-map=$FileNameWithoutExtension$.css.map $FileName$
Output paths to refresh : $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
配置完参数后,写完less代码后,会直接在less文件的目录下生成一个.css文件和一个.css.map文件
.css.map文件的作用是可以直观的在浏览器调试界面看到的是less文件的第几行
因为你是用less写的样式,less会编译成css显示在页面上。
但有个麻烦,浏览器里看的都是css第几排,而你编辑的又是less文件,很难对上。
这个时候有了source map,浏览器里直接显示less,非常方便。
less
web
编译
文件
nodejs
http
cmd
npm
install
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
io
nvmw安装,用于控制node版本;
之前一直使用的是nodev2.2.0版本,挺说新版本的node解决了npm安装插件产生文件夹结构过深的问题,所以就想更新试试;上网一看才发现,尼玛的node已经到了6.+版本了,好 ...
[详细]
蜡笔小新 2024-09-29 12:25:49
io
mongDB数据库 小白学习
一安装配置1.配置文件mongod.cfg(路径:D:\data\config\mongod.cfg)如下: systemLog:destination ...
[详细]
蜡笔小新 2024-09-26 14:55:53
io
在mac环境下使用nginx配置nodejs代理服务器的步骤
本文介绍了在mac环境下使用nginx配置nodejs代理服务器的步骤,包括安装nginx、创建目录和文件、配置代理的域名和日志记录等。 ...
[详细]
蜡笔小新 2023-12-13 10:34:21
io
工具系列 | 分布式日志管理graylog 实战
Graylog是一个开源的日志聚合、分析、审计、展现和预警工具。功能上和ELK类似,但又比ELK要简单,依靠着更加简洁,高效, ...
[详细]
蜡笔小新 2024-10-01 00:16:40
io
PHP 扩展编译的通用方法
2019独角兽企业重金招聘Python工程师标准以memcache扩展为例子首先需要到软件的官方(如memcached的地址http:pecl.php.netp ...
[详细]
蜡笔小新 2024-09-30 17:09:26
io
php动态扩展怎么加载(2023年最新分享)
导读:今天编程笔记来给各位分享关于php动态扩展怎么加载的相关内容,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: ...
[详细]
蜡笔小新 2024-09-30 12:05:57
io
python3.5安装教程及环境配置_Eric6+PyQt5+Python3.5开发环境安装配置图文教程
Python3.5.2(x32)是目前兼容较好的版本,可以搭配PyQt5的界面设计以及eric6的整合编程平台,达到不错的编 ...
[详细]
蜡笔小新 2024-09-29 20:26:16
io
linux 安装 mysql 并 用 windows 访问
先下载linuxhttp:cdimage.ubuntu.comreleases14.04release我下载的是ubuntu-14.04.3-desktop-amd64mac.is ...
[详细]
蜡笔小新 2024-09-29 12:25:02
io
开发笔记:MongoDB快速入门教程 (4.1)
篇首语:本文由编程笔记#小编为大家整理,主要介绍了MongoDB快速入门教程(4.1)相关的知识,希望对你有一定的参考价值。4 ...
[详细]
蜡笔小新 2024-09-28 19:59:07
io
python安装tensorflow报错_windows+python+tensorflow 安装填坑手册
这里是一些专栏的废话,你可以从下一个分界线开始:)---------------------------------------------------------- ...
[详细]
蜡笔小新 2024-09-25 18:42:20
io
Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ...
[详细]
蜡笔小新 2023-12-13 13:12:05
merge
成功安装Sabayon Linux在thinkpad X60上的经验分享
本文分享了作者在国庆期间在thinkpad X60上成功安装Sabayon Linux的经验。通过修改CHOST和执行emerge命令,作者顺利完成了安装过程。Sabayon Linux是一个基于Gentoo Linux的发行版,可以将电脑快速转变为一个功能强大的系统。除了作为一个live DVD使用外,Sabayon Linux还可以被安装在硬盘上,方便用户使用。 ...
[详细]
蜡笔小新 2023-12-13 11:35:40
cmd
node环境安装教程
先下载nodejs针对windows安装安装就行。自定义安装在对应的文件夹就行安装完之后需要在电脑的环境变量里面添加两个路径通过cmd可以查看自己node的版本号最后通过运行npm ...
[详细]
蜡笔小新 2023-10-16 18:19:07
cmd
Composer依赖管理的重要性及使用方法
本文介绍了Composer依赖管理的重要性及使用方法。对于现代语言而言,包管理器是标配,而Composer作为PHP的包管理器,解决了PEAR的问题,并且使用简单,方便提交自己的包。文章还提到了使用Composer能够避免各种include的问题,避免命名空间冲突,并且能够方便地安装升级扩展包。 ...
[详细]
蜡笔小新 2023-12-11 17:06:18
post
怎么从源码启动和编译IoTSharp
这篇文章给大家介绍怎么从源码启动和编译IoTSharp ,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。IoTSharp项目是 ...
[详细]
蜡笔小新 2023-10-17 10:11:16
大--Man_815
这个家伙很懒,什么也没留下!
Tags | 热门标签
tags
actionscrip
filter
express
sum
utf-8
range
text
typescript
python3
cmd
match
tree
require
schema
byte
io
emoji
expression
node.js
httprequest
post
scala
yaml
数组
integer
char
cookie
jar
merge
RankList | 热门文章
1
Chrome F12/ Ctrl +Shift+P/>Capture full size screenshot
2
SqlCommandBuilder 可批量新增与修改数据
3
*AMP里的PHP和Mac OS自带的PHP有什么关系吗?
4
世界顶尖的 Python 数据科学课程,足不出户在家学!
5
java线性数组集合_Java集合类快速了解
6
牛客寒假算法集训营(4)
7
资深程序员总结出完美Python爬虫基础,爬虫入门必备
8
微信计步器怎么不计步_微信春节新功能:如何定制企业专属的微信红包封面?...
9
SpringBoot定时任务(SpringSchedule)实现方法
10
检索COML类工厂中 CLSID为 {0002450000000000C000000000000046}的组件时失败,原因是出现以下错误: 80070005 《终结篇》...
11
如何重新排序表格中的嵌套字段?
12
神经网络编程是什么,神经网络程序代码
13
列标头固定的联系人列表
14
输入阻抗的仿真方法(TINA软件)
15
非阻塞_同步,异步,阻塞,非阻塞,bio,nio,aio
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有