欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

下载Node.js WebStrom安装配置less

程序员文章站 2022-07-03 14:12:35
...


安装配置less需要下载node.js

1 安装Node.js

1.1 什么是Node.js

 如果说Node.js是一个门编程语言,那么它几乎没有定义语言应该有的特性,因为它的语法本身,就是前端大名鼎鼎的JavaScript语言。如果说Node.js不是一门编程语言,它确实可以做所有其他后端语言,可以做的事情,它扩展了JavaScript这门编程语言的能力。所以,我更倾向于将Node.js认为是一个,JavaScript语言运行环境(尽管它本来就是)。

1.2 Node.js安装

官网下载地址:https://nodejs.org/en/

下载Node.js WebStrom安装配置less
 下载直接安装就可以,一路狂点next。
下载Node.js WebStrom安装配置less
 安装完成后的文件夹目录。
下载Node.js WebStrom安装配置less

1.3 查看下载是否成功

可以打开命令行 进入安装node的文件夹,比如我的在D:\Program Files\node js 进入文件夹输入 node -v查看node版本号。
下载Node.js WebStrom安装配置less

1.4 安装less

 在node目录文件夹输入 npm install -g less 命令

红色方框里的路径一定要记住,在webstrom配置less会用到
下载Node.js WebStrom安装配置less

2 WebStrom安装配置less

打开WebStrom软件 —File—setting—Tools 如下图所示,跟着步骤建立less
下载Node.js WebStrom安装配置less
点击ok后出来一下界面,方框里的目录是less的生成目录,与cmd命令行方框一样
下载Node.js WebStrom安装配置less

123 配置如下所示。
Program:C:\Users\wjing\AppData\Roaming\npm\lessc.cmd
Arguments:--no-color $FileName$
Output paths to refresh:$FileNameWithoutExtension$.css

Tools—External Tools 根据步骤配置
下载Node.js WebStrom安装配置less

“Program”是“node.exe”的实际路径,这里我填写上面的:D:\Program Files\nodejs\node.exe

“Parameters”是less的安装目录,这里填上面红色方框里记录的再加上 $FilePath$,如下:

C:\Users\wjing\AppData\Roaming\npm\lessc $FilePath$

“Working directory”就是nodejs的安装目录,完成步骤3后自动生成,D:\Program Files\nodejs

以上步骤完成后既可以实现创建.less文件时生成.css文件。

2.1 遇到的问题

刚开始在setting里配置老是失败。
可以创建一个.less文件运行以下命令行,在文件夹里查看是否生成对应的css文件。
下载Node.js WebStrom安装配置less

相关标签: CSS