javascript代码实例教程-Node.jsv6.10.1在webStrom里配置less转css步骤

发布时间:2019-01-13 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Node.jsv6.10.1在webStrom里配置less转css步骤脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

 

然后,了解:

写代码写到一要切换窗口出去敲命令行?webstorm的external tools可以帮你省下一点时间

举例说明,比如我要直接使用npm:

ctrl+alt+s打开setting菜单,找到external tools点+号,在tool setting里填空:PRogram -> 外部命令所在位置,填入npm的完整路径parameters -> 参数,这里设为 $Prompt$运行命令时表示弹个窗口让你输入Working Directory -> 在哪个目录下运行这条命令,输入$ProjectFileDir$表示在当前项目的根目录下运行。点右边的insert macro可以看到更多的选项,除了macro的说明,webstorm还会告诉你对应macro在当前环境下是个什么值的,不怕看不懂e文了。

javascript代码实例教程-Node.jsv6.10.1在webStrom里配置less转css步骤

最后给这个命令起个名字,叫npm保存完事,在顶部菜单找到tools就可以看到刚保存的npm。点击它就会弹出个窗口

javascript代码实例教程-Node.jsv6.10.1在webStrom里配置less转css步骤

然后输入install less -g,npm就自动开始下载并安装LESS.(PS:命令行时有lessc安装路径,下面要填写)

安装完毕后,再进行webstrom配置:

打开webstorm→file→settings→Tools→file watching 点击“+”→less文件→Program右侧点击“...”弹出对话框,选择lessc.cmd文件.

完成.....

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Node.jsv6.10.1在webStrom里配置less转css步骤全部内容,希望文章能够帮你解决javascript代码实例教程-Node.jsv6.10.1在webStrom里配置less转css步骤所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。