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:\testStudy\Content

//显示磁盘整个内容
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

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