1、Sass文件就是普通的文本文件,不过其文件后缀名有两种,一种为“.sass”;另一种为“.scss”。我们一般用“.scss”就好,至于这两种文件扩展名的区别在于“.sass”是Sass语言文件的扩展后缀名,而“.scss”是SCSS语言文件的扩展后缀名,至于Sass和SCSS的详细区别这里不做 ...
分类:
Web程序 时间:
2017-09-28 10:43:54
阅读次数:
208
1.下载 Ruby (安装过程中记得勾选添加到环境变量,安装结束最后可能会弹出一个cmd弹框,可以忽略) 2. cmd安装sass 3. cmd检查是否安装 重点是接下来 File>Setting>Tools>File Watchers ,点击右上角加号选择scss,出现以下界面 红框标示为解析器, ...
分类:
Web程序 时间:
2017-09-26 01:03:29
阅读次数:
254
package.json添加两行: 运行 npm run watch-css 会将src目录下的scss转换成css https://yasinchan.com/%E5%A6%82%E4%BD%95%E5%9C%A8create-react-app%E4%B8%AD%E4%BD%BF%E7%94%A ...
分类:
其他好文 时间:
2017-09-22 13:04:56
阅读次数:
317
一、Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 详细的来说,Bootstrap是一个简单、灵活的,可用于搭建简洁漂亮WEB页面的HTML, ...
分类:
其他好文 时间:
2017-09-19 23:01:45
阅读次数:
352
less 1、注释: //这种注释不能够编译到CSS 文件中 /*这种注释 能够编译到CSS 文件中*/ 2、less 的基础语法 (1)、声明变量: @变量名 : 变量值 使用变量: @变量名 >>>变量使用的基本原则: 多次频繁出现的值,后期需要统一修改的值,牵扯到数值运算的值,推荐使用变量 > ...
分类:
Web程序 时间:
2017-09-18 00:24:23
阅读次数:
331
我是看的Summer写的 Laravel 入门教程,用的 Mac 上 Homestead Vagrant 第四章时一个步骤是要将 Laravel 默认生成的 .scss 文件编译成 .css 才行。 命令如下: Linux 或 Mac 或 Windows 的环境都会碰到 cross-env 的问题, ...
分类:
系统相关 时间:
2017-09-17 11:44:24
阅读次数:
1493
简单的整理了一下less的基本用法,希望对大家有所帮助?? 一、less基础语法 1.声明变量:@变量名:变量值 使用变量:@变量名 例如 @color : #ff0000; @length : 100px; #div1{ width: @length; height: @length; backg ...
分类:
Web程序 时间:
2017-09-17 01:31:14
阅读次数:
231
1、安装插件 处理less: 处理sass: 2、项目目录: layer.less为: layer.js为: 3、webpack.config.js配置文件(以编译less为例) 注意:postcss-loader在css-loader后,在less-loader前。 4、执行编译&查看效果 ...
分类:
Web程序 时间:
2017-09-15 13:39:32
阅读次数:
281
1. webstrom打开多个项目 默认情况下一次只能打开一个项目,如果需要打开多个就按照下面的方法: File -> settings -> Directories -> Add Content Root 中添加你需要的工程目录。 2. 编译Less Sass Scss https://www.j ...
分类:
Web程序 时间:
2017-09-15 13:35:42
阅读次数:
161
接着昨天的来给我们的英雄们“美容”重构.app/app.component.scss.container{h1{text-align:center;color:red;}.row{line-height:30px;padding:10px0;label{text-align:right;}}.controller{padding:0360px;li{height:50px;}label{@extend%link;text-align:center;background:#..
分类:
其他好文 时间:
2017-09-14 23:52:42
阅读次数:
268