在写vue的css样式时，觉得需要css预处理器让自己的css更加简洁、适应性更强、可读性更佳，更易于代码的维护，于是在vue-cli脚手架采用scss。写过的人都知道，每写一个.vue文件都要在style上面@import global.scss文件的话，这样很麻烦。css文件可以在main.js ...
分类：
Web程序 时间：
2017-12-21 11:57:42
阅读次数：
200
【解决方法】： 更改build/utils.js文件中的 ExtractTextPlugin 的 options配置. 这样配置以后，在scss文件里面，引入路径为 background-image: url(../img/brokers.jpg); .vue文件里面，按照常的绝对路径引入就好，<i ...
分类：
Web程序 时间：
2017-12-12 12:28:42
阅读次数：
638
1.after,before等不能插入img,input等标签,因为img,input是单标签本来就是一个整体,所以没有办法再嵌入其他的 2.control+D退出命令行 3.Vue-cli中引入scss文件 注意 1)安装node-sass.sass-loader(这些终端都会提示安装) 2)在s ...
分类：
其他好文 时间：
2017-12-09 20:55:51
阅读次数：
161
1. 布局时分清是哪一板块,我刚布局时从不看整体,所以当设计图有变动的时候,比如下调某一板块,动的地方就比较多,坑到自己了;所以一定要用一个标签包裹,div或者语义化标签;如果不能判断哪一块是整体,可以看参考设计图,设计师的改动也是基于某一个图层修改,我们就可以把这个图层当做最外层的一个div; 2 ...
分类：
Web程序 时间：
2017-12-09 19:44:16
阅读次数：
194
一、webpack是什么 WebPack可以看做是模块打包机： 它做的事情是，分析你的项目结构， 找到JavaScript模块 以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等）， 并将其打包为合适的格式以供浏览器使用。 二、为什要使用WebPack 今的很多网页其实可以 ...
分类：
Web程序 时间：
2017-12-01 20:49:16
阅读次数：
291
项目的GitHub地址：https://github.com/hellobajie/vue-cli-multipage 该脚手架同时支持vux，scss，less 目录结构 修改配置文件 构建多页面应用的关键在于向配置对象的plugins子项添加多个HtmlWebpackPlugin。 怎样根据页面 ...
分类：
其他好文 时间：
2017-11-28 18:39:06
阅读次数：
177
scss。。sass。。。。sccc。。。ssss。。。ccccc。。。。。。MMP················· 先说下scss和sass的异同： SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具 ...
分类：
Web程序 时间：
2017-11-27 16:38:38
阅读次数：
315
本文为原创文章，转载请标明 "出处" 目录 1. 创建主题样式 2. 导入 3. 创建 provider 4. 创建 page 5. 在 App 入口处应用主题 6. 效果图 1. 创建主题样式 在 文件夹下创建 、`theme.dark.scss` 2个文件，分别用于日间模式、夜间模式的设置。 ...
分类：
其他好文 时间：
2017-11-26 10:58:50
阅读次数：
364
造成这个问题的原因是，scss文件里出现了中文字符，包括注释也不行解决办法是打开ruby的安装文件，找到engine.rb文件，具体路径如下：Ruby23-x64\lib\ruby\gems\2.3.0\gems\sass-3.5.3\lib\sass然后再所有的require后加入Encoding.default_external=Encoding.find(‘utf-8‘)这句..
分类：
Web程序 时间：
2017-11-22 11:50:10
阅读次数：
223
Ruby的安装 如果是Window系统，请打开：http://rubyinstaller.org/downloads/ ，下载当前稳定版本的exe文件。界面如下所示： Step(2): 接下来，在系统上运行来安装Ruby。 Step(3): 接下来，添加Ruby的bin文件夹到PATH用户变量和系统 ...
分类：
Web程序 时间：
2017-11-21 16:59:24
阅读次数：
184
