Webstorm安装Less

网上找了几篇安装的方法，比较复杂，下面这个亲测好用！

一、安装

1.下载less压缩包（https://plugins.jetbrains.com/plugin/7059-less-css-compiler）；

下载完的安装包名称为“lessc-plugin.zip。

2.打开“WebStorm”，按“File >> Settings >> Plugins”进入插件安装界面，通过“Install plugin from disk…”按钮，选择下载的安装包进行安装。

3.安装完成后，重新启动“WebStorm”。

二、使用

安装成功后，再次进入“WebStorm”,在“File >> Settings >> Other Settings”中就可以看到新增了“LESS Profiles”设置界面。
在图6中点击“绿色+号”可以新增一个Less的配置，先给该配置起个名称，这里我们起名为“helloLess”，然后点击“OK”按钮。
进入Less编译插件的设置界面后，选择Less源文件所在路径和编译后CSS文件的存放路径，我这里分别为“D:\HelloWorld\less”和“D:\HelloWorld\css”，读者根据自己的文件位置设定即可，设置完成后点击“OK”按钮保存设置。
在项目中，我们对less目录下的“style.less”文件进行修改并保存，提示CSS编译成功。
在“css”目录中，就会生成一个对应的css文件，这里为“styles.css”。

Webstorm安装Less相关推荐

webstorm安装_WebStorm2019安装教程
一个免费安装软件的共享平台 [名称]:WebStorm-2019 [大小]:261.45MB [语言]:简体中文 [安装环境]: Win7/Win8/Win10 [32/64位下载链接 ]: http ...
webstorm安装eslint插件_在WebStorm中使用ESLint开发Vue项目 | 六阿哥博客
对于习惯使用 IntelliJ IDEA 的玩家,使用 WebStorm 来编写前端代码比使用 Visual Studio Code 更得劲,于是开始折腾... 我使用的 WebStorm 版本是 2 ...
webstorm 安装激活破解方法
1.webstorm下载安装 http://www.jetbrains.com/webstorm/ 2.打开http://idea.lanyus.com/下载破解补丁 3.将补丁复制到webstorm ...
webstorm安装及汉化后无法设置的原因总结
webstorm安装及汉化后无法设置的原因总结一.简介最近在做一个大的系统性的项目,囊括硬件开发.嵌入式软件开发.前端开发.后端开发,嵌入式的软件我已经在很早之前就完成了,但是由于开发的APP属于 ...
webstorm安装和基础功能
webstorm安装和基础功能安装步骤 1.下载 2. 安装 3 .使用设置文字样式(字号大小.字体等) 设置皮肤主题 4.webstorm与VSCode的选择安装步骤 1.下载官网地址:ht ...
【2023最新】Nodejs + Webstorm安装教程
[2023最新]Nodejs + Webstorm安装教程文章目录 [2023最新]Nodejs + Webstorm安装教程 1. Node 1.1 下载 1.2 安装配置 2. WebStorm ...
Webstorm安装px2rem插件
做过前端开发的都知道,前端开发适配是一个头疼的问题,各种尺寸要算来算去,现在终于可以解决这个烦恼了,安装px2rem插件,一键解决px与rem换算的问题.现在就来演示一下怎么在webstorm怎么安装 ...
WebStorm安装教程【2022年新版图解】
对于入门JavaScript 开发的者,最重要的就是安装WebStorm软件,一款非常优秀的JavaScript工具,在互联网上查询目前还没有一篇写得比较详细的WebStorm教程.今天我将使用Web ...
WebStorm安装教程
WebStorm安装教程下载连接 WebStorm链接:https://pan.baidu.com/s/1Wh7DCfNCRrU-iUoFOq8BxA 提取码:k8vx ide链接:https:// ...
webstorm安装插件失败怎么办？
1.以安装eslint为例: 2.当安装时间过长会有超时警告,警告你安装失败,不要慌,把此时警告中的插件地址复制出来,在浏览器地址栏打开,下载 3.如图 4.解压,然后把解压后的文件夹,放到 (找对自 ...

Webstorm安装Less

Webstorm安装Less相关推荐

最新文章

热门文章