zoukankan      html  css  js  c++  java
  • Less-css预处理Node and VS扩展编译

    node编译

    第一步:https://nodejs.org/en/   到node官网下载最新的node

    第二步:和普通软件一样把node安装好

    第三步:运行-cmd,准备安装less

               全局安装(整个电脑文档都可以运行) 

     npm install less -g

               部分按照(仅安装目录下文档可执行)

    npm i less

    第三步:写好less

    第四步:编译less

    //编译文件所在盘符
    e:
    
    //编译文件路径
    cd E:	estStudyContent
    
    //显示磁盘整个内容
    dir
    
    //现在你可以看到你所有磁盘里需要编译的文件了
    //准备编译
    lessc study.less > study.css
    
    //ok,编译完成,在编译less所在文件夹下多了一个编译好的study.css

    Visual Studio 扩展编译

    因为长期与.net配合,我一直使用的mvc开发,所以一直使用的Visual Studio

    相对于开发工具,个人比较喜欢

    在编译方面也比较快捷,只需要添加一个扩展,即可轻松实现sass和less的编译

    方法:

    工具-扩展和更新

     在搜索框中输入WEB Essentials,安装该扩展

     现在你可以建立你的less或者sass文件了

     

    右键点击需要编译的less或sass文件,按下图指示操作

    ok,编译成功

    后面会弹出一个弹窗,问你是否需要即时编译等等,勾选可以,这样每次你保存以后,就会即时编译出你需要的css啦

    为了方便学习,你可以像我这样布置好窗口,每次Ctrl+s,就立刻看到了编译结果:

    编译方法还有很多,具体的还有很多插件等等,你可以上网搜索更多的方法

                

    作者:leona

    原文链接:http://www.cnblogs.com/leona-d/p/6289356.html

    版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接

  • 相关阅读:
    17.07.28 SQL 函数
    JavaScript 数组去重
    JavaScript 之 DOM
    JavaScript 之 BOM
    JavaScript之Math
    JavaScript之String
    JavaScript之数组
    JavaScript之作用域
    JavaScript之函数
    JavaScript之循环
  • 原文地址:https://www.cnblogs.com/leona-d/p/6289356.html
Copyright © 2011-2022 走看看