`
山雨欲来风满楼
  • 浏览: 57988 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

less文件编译成css on windows

 
阅读更多

刚刚学习了twitter bootstrap  css framework,然后想动手自己来做一些修改。

 

less文件要被编译成 css文件才可以运行,我直接运行less总是不成功。

 

 

如何编译呢,最简单就是命令行。

 

下载一个dotless 从 https://github.com/dotless

 

解压后, 加入 到path,

 

dotless.Compiler.exe  bootstrap.less bootstrap.css

 

其实更简单 只需要 dotless.Compiler bootstrap就可以了。

 

 

用node.js and npm老是安装不成功,由于国内和局域网的关系。

 

 

更多请参考

 

http://stackoverflow.com/questions/2986204/less-css-on-windows

分享到:
评论

相关推荐

    less-watch-cli:观看较少的文件,并在它们更改时重新编译为CSS

    less-watch-cli是一个命令行实用程序,可在检测到更改时自动将LESS文件重新编译为CSS。 less-watch-cli还将监视受监视文件所在的文件夹和子文件夹是否发生更改。 它可以很好地与Bootstrap之类的工具配合使用。 安装...

    浅谈vue引入css,less遇到的坑和解决方法

    解决方法是使用 Webpack 的 Loader 机制,例如使用 css-loader 和 less-loader 等 Loader 来编译 Less 文件。 解决方法之二:使用 Loader 在 Webpack 配置文件中添加以下配置: ```javascript module.exports = { ...

    网站的预编译

    预编译是将动态语言(如PHP、Ruby on Rails、ASP.NET等)的代码在部署之前转换为静态HTML、CSS和JavaScript文件的过程。这样做有以下几个关键的好处: 1. **性能优化**:预编译可以减少服务器的计算负担,因为...

    第五章 CSS样式表美化网页.

    1. 预处理器(如Sass和Less):它们扩展了CSS的功能,支持变量、嵌套规则、混合(mixins)等,编译后生成标准的CSS。 2. 后处理器(如PostCSS):通过插件系统改进CSS,如自动前缀、转换最新语法等,确保浏览器兼容...

    less_on_sec

    在压缩包文件名称“less_on_sec-main”中,“main”通常指主要的或核心的部分,暗示这个文件可能是整个教程、项目或代码库的主要入口点,例如包含全局设置、基本样式或者LESS编译后的主CSS文件。 以下是LESS和HTML...

    guard-less:警卫

    保护扩展,可在更改.less文件编译为.css文件。 与Less〜> 2.3兼容。 已针对Ruby 2.0、2.1、2.2,Rubinius和JRuby(仅限1.9模式)进行了测试。 安装 您将需要先拥有 。 使用以下命令安装gem: gem install guard...

    gulp4babel一个优雅的移动端css框架

    在构建移动端CSS框架时,我们通常会采用模块化的方式组织样式代码,例如使用`Sass`或`Less`预处理器。然而,这些预处理器的语法在某些旧版浏览器中可能不被支持。因此,我们需要结合`gulp4` 和 `babel` 来处理这些...

    编译英雄::Japanese_symbol_for_beginner:用于编译语言的Visual Studio代码扩展

    | 产品特点 1.打开less, sass, scss, styl, ts... 保存时less, sass, scss, stylus, typescript, typescriptreact, jade, pug and javascript编译less, sass, scss, stylus, typescript, typescriptreact, jade, pug an

    Atom-OneDarkJekyll,在jekyll驱动的博客中使用atom的一种黑色语法颜色!可以编译成.zip

    It's LESS file which can be compiled to a - Pygments, Rouge compatible - stylesheet from Atom editor's One Dark syntax theme (and any theme based on it, for example One Dark Vivid, Firewatch, etc.)....

    品牌列表案例源代码(完成之后的代码)

    Vue.js还支持CSS预处理器如Sass或Less,如果使用了它们,可能需要编译成普通的CSS才能在浏览器中运行。 最后,`lib`文件夹通常包含外部库或者依赖,比如Vue.js本身和其他辅助库,如Vue Router(用于路由管理)、...

    todolistOnline:一个 mvc 在线 todolist,有主干、coffeescript、less、nodejs、express、gulp、bower。 通过 bash 脚本构建所有文件

    在 todolistOnline 中,Gulp 脚本被用来自动化构建流程,如编译 CoffeeScript 和 Less 文件,合并资源,优化输出,确保开发效率和部署一致性。 6. **Bower**:Bower 是一个前端包管理器,用于管理和安装前端库和...

    node-ractive-less-gulp:在节点服务器上运行的基本Ractive应用

    这个配置会监视`src/less`目录下的所有Less文件,一旦发生变化,就会自动编译成CSS并输出到`dist/css`目录。 接下来,创建Ractive应用。在`src`目录下,新建一个`app.js`文件,用于设置Ractive实例和渲染模板。例如...

    前端项目-oj.mustache.zip

    9. `styles/`: CSS样式文件,可能包括Sass或Less等预处理器文件。 10. `tests/`: 单元测试或集成测试的代码。 综合以上信息,我们可以理解这是一个基于Mustache模板语言的前端项目,专为在线判题系统设计。开发者...

    generator-es6-webapp:Yeoman 生成器,用于创建自动将 ES6 转换为 ES5 的应用程序 - 还包括 LESS 和 Skeleton

    CSS 自动前缀带有 BrowserSync 的内置预览服务器自动编译 LESS 包括源映射使用 Browserify 编译 ES6,包括源映射使用 Babel-Eslint 自动对你的脚本进行 lint 令人敬畏的图像优化可选的 Include Skeleton 一些改进的...

    BeyondAdmin:BeyondAdmin 后台模板。演示地址:https

    BeyondAdmin可能还使用预处理器如Sass或Less,这些源文件(如scss或less文件)可以编译成CSS,提供更高效的管理和维护。 3. **JavaScript文件**:JavaScript文件(如script.js)包含了页面交互逻辑和功能实现,可能...

    gulp新手教程

    对于前端开发者而言,它可以帮助处理一系列常见任务,例如搭建web服务器、文件保存时自动重载浏览器、使用预处理器(如Sass、LESS)、优化资源(如压缩CSS、JavaScript、压缩图片)等。本文旨在为Gulp新手提供入门...

    Basic_Sneaker_Shop

    "Basic_Sneaker_Shop" 是一个项目名称,根据描述中的链接,这...在过程中,你可能会遇到问题,例如编译Less文件、设置数据库连接或解决依赖冲突。通过解决这些问题,你可以加深对全栈Web开发的理解,提升你的IT技能。

    Revista在线

    6. **SCSS或LESS文件**:这些是CSS的预处理器,可以编写更复杂的样式代码并编译成普通的CSS。SCSS或LESS允许变量、嵌套规则、函数等特性,使CSS更易于维护。 7. **README文件**:这个文件通常会提供项目的基本信息...

    gulp学习笔记代码.rar

    这里,我们引入了`gulp-sass`插件,并定义了一个名为`sass`的任务,该任务会查找`src/sass`目录下的所有`.scss`文件,将其编译为CSS并输出到`dist/css`目录。 **使用流(Stream)** gulp的核心是流处理,它允许数据...

Global site tag (gtag.js) - Google Analytics