1.win+R,运行npm install postcss-cli -g 2.安装autoprefixer npm install autoprefixer -g 3.安装 npm install postcss-cli -g 4.打开webstorm——settings——找到External T ...
分类:
Web程序 时间:
2017-03-07 20:35:46
阅读次数:
352
webpack2.0加载postcssloader以及autoprefixer实现自动根据兼容性的需求给css加私有前缀的功能,给开发带来便利, 下面是我的配置信息,亲测有效: 1.webpack.config.js的配置: module: { rules: [ { test: /\.vue$/, ...
分类:
Web程序 时间:
2017-03-02 10:59:09
阅读次数:
8524
gulp-sass:预编译sass; gulp-imagemin:压缩png、jpj、git、svg格式图片 gulp-minfy-css:压缩css文件 gulp-rename 重命名文件,把一个文件储存不同版本时使用 gulp-concat:整合文件用的 gulp-autoprefixer 设置 ...
分类:
其他好文 时间:
2016-11-20 15:56:03
阅读次数:
143
快捷键绑定:Preferences>Key Bindings-User**中添加以下代码: ...
分类:
其他好文 时间:
2016-11-15 11:20:17
阅读次数:
230
var gulp = require('gulp'), autoprefixer = require('gulp-autoprefixer'), //自动添加css前缀 rename = require('gulp-rename'), //文件重命名 sass = require('gulp-sas ...
分类:
其他好文 时间:
2016-10-30 16:50:46
阅读次数:
162
gulp的autoprefixer插件可以根据我们的设置帮助我们自动补全浏览器的前缀(如:-moz、-ms、-webkit、-o) 1)首先安装gulp,不知道怎么安装请看这里 2)安装autoprefixer插件 3)主要要在gulpfile.js文件引入autoprefixer,然后在添加aut ...
分类:
其他好文 时间:
2016-08-30 19:21:58
阅读次数:
183
1、PostCSS是什么 它可以被理解为一个平台,可以让一些插件在上面跑 它提供了一个解析器,可以将CSS解析成抽象语法树 通过PostCSS这个平台,我们能够开发一些插件,来处理CSS。热门插件如autoprefixer 安装 2、能解决什么问题 既然我们已经有SASS了,为什么还要PostCSS ...
分类:
Web程序 时间:
2016-08-26 21:17:22
阅读次数:
251
HTML&CSS autoprefixer - parse CSS and add vendor prefixes to rules by Can I Use. gulp-browser-sync - keep multiple browsers & devices in sync when bui ...
分类:
其他好文 时间:
2016-08-26 21:13:02
阅读次数:
244
1、Emmet:不说话,太出名了2、TrailingSpaces:高亮显示多余的空格和Tab3、Alignment:等号对齐,快捷键(Ctrl+Alt+A)4、Autoprefixer:CSS3私有前缀自动补全插件5、Tag:HTML补全、格式化插件
分类:
其他好文 时间:
2016-08-15 22:47:26
阅读次数:
150
一、插件篇 1. 自动补全css3前缀 autoprefixer 官方是这样说的:Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website,也就是说它是一个自动检测兼容性给各个浏览器加 ...
分类:
Web程序 时间:
2016-08-15 12:53:18
阅读次数:
361