webstorm怎么安装less

software 投稿 2200 0 评论

webstorm自带less,不过要编译的话需要nodejs环境。
首先去node的主页下载对应版本的nodejs然后安装,下载地址:
安装完之后打开命令提示符(win+r),分别输入node -v以及npm -v如果返回版本号说明你安装成功了。
接下来就可以安装less了,命令提示符npm进入npm管理器,然后npm install less开始下载less,默认安装目录在用户名\node_modules这里面。
到这里less安装完毕了,接下来配置webstorm。
打开webstorm的file->settings ->External Tools,点击左上角的“加号”标志add,进入对话框
Name你可以随便填,这里比较重要的是parameters,他指定lessc编译器的地址以及输出文件的地址,格式是:lessc的地址
$FilePath
编译的地址(变量表示),如果像我这里写的话(C:\Users\Touch-X\node_modules\less\bin\lessc
$FilePath$ $FileDir$\$FileNameWithoutExtension$.css),他会默认编译到根目录。
然后你可以为这个编译器指定一个快捷键,我使用的是ALT + B
之后打开一个.less后缀名的文件,快捷键编译,如果webstorm底部状态控制器显示 Process finished with exit code 0 ,那么恭喜你,大功告成!
pba8

如何破解webstorm的最新版本

WebStorm 2020.1是一款功能强大的Web前端开发神器,拥有现代JavaScript IDE开发环境,并完全适合通过Node.js进行复杂的客户端开发和服务器端开发。同时该软件还具备对JavaScript、HTML、 CSS及其现代替代方案以及Angular或React等框架的高级支持,十分强大,并还提供了先进的代码辅助,以便更好的进行开发。

WebStorm 12中文版:,有详细的安装教程。

编程学习分享 » webstorm怎么安装less

赞 (0) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽

高效,专业,符合SEO

联系我们