Mac环境下WebStorm配置less解决方案

最新推荐文章于 2023-08-14 02:29:58 发布
原创 最新推荐文章于 2023-08-14 02:29:58 发布 · 584 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何使用npm安装Less编译器，并配置其参数，包括注册源、安装全局、设置程序路径、定义参数及输出刷新路径。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

2、 

sudo cnpm install -g less

 3、

Name：Less
Program：/usr/local/bin/lessc

4、

Arguments：$FileName$ $FileNameWithoutExtension$.css --source-map

5、

Output paths to refresh：$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

 

 

Awesome Mac :好用的Mac软件和教程
AI拉呱，专注于人工智与网络安全方面的研究，关注一起学习。
07-09 6664
文章目录Awesome Mac目录开发者工具编辑器开发者实用工具正则编辑器API开发和分析网络分析命令行工具版本控制GUI版本控制系统数据库设计和产品设计工具原型流程作图工具截图工具其它工具虚拟机通信Email文件共享数据恢复音频和视频云音乐播放器书签阅读写作OfficeRSSMarkdown笔记制作电子书软件打包工具下载工具网盘输入法浏览器翻译工具安全工具科学上网其它实用工具剪贴板工具菜单栏工具...
MacOS：npm 全局安装包报错 permission denied
Wonder233的学习博客
03-04 1474
在MacOS运行 npm i xxx -g 报错，报错信息如下： npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! syscall access npm ERR! path /usr/local/lib/node_modules np...
Mac下为webstorm设置less的文件监视器
崔的博客
05-16 2247
首先确保安装node.js 然后配置webstorm,选择 preferences 选择 “文件监视器” 重点来了： 下面的Program是node的安装路径 （终端输入命令：which node） Argumengts参数是node_modules中的lessc文件+”空格“ +文件名 OK ，大功告成！
WebStrom配置less
专治各种小脑唬
08-14 564
（2）在打开的新建选项卡中给watcher添加一个名字，可以自定义，文件类型就是Less样式表，程序一般会自动选择lessc，如果没有自动配置，点击后面的文件夹图标可以手动选择。全局安装的less在全局的node_modules中，具体位置看自己安装node时的位置设置。第三方的库或者框架使用的less版本一般都是很稳定的，不一定是最新的，使用最新的版本可能带来兼容问题，导致项目跑不起来。这样安装的less是最新版的，只作为学习less用法或者不配合其他的包或者框架使用。，出现less版本号表示安装成功。
webstorm配置less解析的方法
荆轲刺秦王
11-04 1069
前提：已安装node 、 npm 、 全局安装less 以下是webstorme中配置：
webstorm配置less参数记录
前端小白菜
07-04 563
Arguments：FileParentDir(less)FileParentDir(less)FileParentDir(less)\less$FileDirPathFromParent(less)$FileName$FileName\$FileName output path to refresh: FileParentDir(less)FileParentDir(less)FileP...
webstorm前端颜色吸取工具
03-31
</think>### WebStorm中颜色吸取工具/插件解决方案 #### 1. **WebStorm内置颜色选择器** - **功能说明**：WebStorm 2021.3及以上版本已内置**简易颜色选择器**。在编辑CSS/SCSS/LESS文件时，点击颜色代码旁的小色...
metamorfose：我的工作流环境
02-04
综上所述，Metamorfose是一个全面的工作流解决方案，它整合了前端开发所需的各类工具和技术，旨在提供一个高效、易用的开发环境，帮助开发者专注于创新和创造高质量的Web项目。通过深入理解这些组件和它们如何相互...
Web开发中需要用到哪些开发工具和软件，环境搭建的流程是什么
最新发布
06-15
### 常见问题解决方案 - **依赖冲突**：删除`node_modules`后重新`npm install` - **端口占用**：修改`webpack-dev-server`端口： ```javascript devServer: { port: 3000 } // webpack.config.js ``` - **路径...
适合 JS 新手学习的开源项目——在 GitHub 学编程
热门推荐
HelloGitHub 的博客
12-04 2万+
作者：HelloGitHub-小鱼干 这里是 HelloGitHub 的《GitHub 上适合新手的开源项目》系列的最后一篇，系列文章： C++ 篇 Python 篇 Go 篇 Java 篇 JavaScript 篇 Java 篇中老荀说到当今互联网份额最大的编程语言是 Java，作为后辈我对此话是没有异议的。但，要说到国内互联网最火、最热闹的编程语言是什么？应该没人对 JavaScript 当选有异议吧。相对 C++、Java 这些老前辈，JS 可谓门槛之低，连 Python 都自叹不如。那作为一个.
webstorm中如何使用less更新wxss
aizenmoxiguan的博客
08-26 482
1、打开webstorm中preference中Tools–>File Watchers–>点击下方新建按钮 2、program中找到电脑全局安装less的位置 2.1、npm install -g less 2.2、安装后找到当前安装位置 3、 arguments配置：$FileName$ 4、Output paths to refresh配置： $FileNameWithoutExtension$.wxss 5、在Advanced Options中第二第四个选中 ...
Webstorm配置less
liuyu_719的博客
07-10 2951
WebStorm配置less一、介绍二、安装less三、修改导出CSS路径四、less的用法4.1 嵌套 一、介绍 Less是一种动态样式语言，属于css预处理语言的一种。它使用类似CSS的语法为CSS的赋予了动态的特性，如变量、继承、运算、函数等，更方便css的编写和维护实现css模块化。less 可以在多种语言，环境中使用，包括浏览器端、桌面客户端、服务端。 通过css预处理技术可以很好的提升css的编程性，提高css代码的开发效率和可维护性，目前比较热门的相关技术有Sass、Less CSS、Sty
如何在 webstorm 中配置 less
weixin_45242865的博客
08-11 6425
转自“未来可期”的博客园博文
Mac下如何安装less并使用webstorm自动编译和利用终端命令手动编译
u011608672的博客
09-04 1219
1、第一步需要下载安装 node.js 进入node.js官网：https://nodejs.org/en/ （可以在首页下载最新的也可以在资料下载页查看各版本信息进行下载） 然后进行安装即可 #打开终端命令查看安装是否成功和版本信息： 查看node.js版本信息命令：node -v 查看npm版本信息命令：npm -v 2、mac终端的命令下全局安装less Mac下全局安装less或sass需要管理员权限sudo sudo代表是管理员的权限 安装less命令： sudo npm install le
解决mac下webstorm编辑器识别less的问题
weixin_34343000的博客
02-15 260
之前在使用webstorm开发vue项目过程中，发现代码里的less有些地方总是飘红报错，虽然不影响整体代码运行，但是看起来总是很乱很难受，如下图（由于当时忘记截图，在网上找别人的图片，但是遇到问题是一样的 ） https://segmentfault.com/img/... 然后我在网上找了很多解决方案，大致有以下几个 1.加上 re...
Mac安装node，配置less环境，并使用webstorm自动编译css
shutong
10-17 751
1、下载安装node.js 1.1 Less通过node的npm进行管理，所以先下载node 官方下载 选中自己想要下载，下载完成后双击安装即可。 1.2 打开终端terminal查看是否安装成功 查看node是否安装成功：node -v 查看npm的版本信息: nmp -v 出现对应的版本号则说明成功 1.3 打开终端terminal安装less 输入命令 sudo nmp install less -g 如果出现[ ...............] / fetchMetadata: sil
mac中webstorm的设置
神zhi殇的博客
08-26 4895
WebStorm 在 Mac 版本的基本设置，包括 ES6、Node.js、字体大小等 http://www.cnblogs.com/zhourongcode/p/9196874.html
webstorm 配置 less
04-03 790
1：全局安装less cnpm install less -g 2: 全局安装 clean-css 插件 cnpm install less-plugin-clean-css -g 3: 打开 Webstorm =>file =>Settings=>Tools=>File Watchers 增加一个less配置 1）Program 中选择lessc.cdm 的...
webstorm下搭建编译less环境 以及设置压缩css
ximenxiafeng的专栏
06-10 1万+
webstorm自带less，不过要编译的话需要nodejs环境。 首先去node的主页下载对应版本的nodejs然后安装，下载地址：http://nodejs.org/安装完之后打开命令提示符（win+r）,分别输入node -v以及npm -v如果返回版本号说明你安装成功了。接下来就可以安装less了，命令提示符npm进入npm管理器，然后npm install less开始下载less
Mac环境下WebStorm快捷键个性化配置指南
资源摘要信息:"mac webstorm 快捷键配置" WebStorm是一款针对Web开发的集成开发环境(IDE)，它是基于IntelliJ IDEA平台开发的，为JavaScript、TypeScript、Node.js、React等前端技术提供了全面的支持。WebStorm的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bossyang158

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值