Mac下如何安装less并使用webstorm自动编译和利用终端命令手动编译

tech2024-04-03  62

1、第一步需要下载安装 node.js

Less的最简单方法是通过node.js软件包管理器npm进行

进入node.js官网:https://nodejs.org/en/ (可以在首页下载最新的也可以在资料下载页查看各版本信息进行下载然后进行安装即可)

#打开终端命令查看安装是否成功和版本信息:

查看node.js版本信息是否安装命令:node -v 查看npm版本信息是否安装命令:npm -v

2、mac终端的命令下全局安装less

Mac下全局安装less需要管理员权限sudo sudo代表是管理员的权限

安装less命令: sudo npm install less -g 安装完成后可查看less的安装版本信息:(终端命令:lessc -v)

3、使用webstorm自动编译lees文件

创建一个less文件,webstorm会自动检测文件,是否进行自动编译,点击yes进行自动编译,然后确定 选中less文件进行使用,会自动生成一个css的文件 less使用方法中文官网:http://lesscss.cn/

补充-利用终端手动编译过程

第一步、桌面创建一个less文件(后缀必须是.less),使用less语法书写样式

第二步、打开mac的终端定位到桌面,选中桌面文件编译less;文件会自动生成css文件在桌面

终端定位桌面的命令:cd ~/desktop 利用lessc进行less文件的编译命令:lessc test.less test.css

最新回复(0)