版本： vue 2.5.2 webpack 3.6.0 先说stylus。 用npm装个包。 然后在.vue文件中使用。 然后是sublime。需要装两个插件：高亮、自动完成。 高亮：https://github.com/billymoon/Stylus 自动完成：https://github.co ...
分类：
其他好文 时间：
2019-01-29 22:01:03
阅读次数：
206
CSS 预处理器技术已经非常的成熟了，而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。1.什么是 CSS 预处理器CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题， ...
分类：
其他好文 时间：
2019-01-17 20:10:47
阅读次数：
217
前端常用技术概述--Less、typescript与webpack 前言：讲起前端，我们就不能不讲CSS与Javascript，在这两种技术广泛应用的今天，他们的扩展也是层出不穷，css的扩展有Less、Sass、Stylus 等，js的超集有Typescript等。今天我们就简单来聊聊Less与T ...
分类：
Web程序 时间：
2019-01-15 11:53:10
阅读次数：
261
前言：讲起前端，我们就不能不讲CSS与Javascript，在这两种技术广泛应用的今天，他们的扩展也是层出不穷，css的扩展有Less、Sass、Stylus 等，js的超集有Typescript等。今天我们就简单来聊聊Less与Typescript以及静态模块打包器webpack。 本节目标：本文 ...
分类：
Web程序 时间：
2019-01-11 00:08:29
阅读次数：
281
新建 一个公共的stylus公共文件添加公共变量，如下： 修改下图圈出的文件： 具体的修改如下： 这里要特别注意文件后缀名是.styl而不是.stylus哦！ 然后就可以在.stylus文件里面使用var.styl里面定义的变量了： ...
分类：
其他好文 时间：
2019-01-04 18:42:47
阅读次数：
799
首先： 安装这两个插件 Vue Syntax Highlight 和 stylus 1.按住 ctrl + shift + p 2.输入:install Package 3.输入: Vue Syntax Highlight / 输入： stylus 4.重新打开.vue的文件就可以了 安装完毕后：这 ...
分类：
其他好文 时间：
2019-01-03 12:09:45
阅读次数：
246
介绍 在学习一个 Vue.js 项目的过程中，注意到源码中样式的部分并没有用熟悉的 .css 样式文件，而是发现了代码长得和 CSS 相像的 .styl 文件。这个 .styl 以前没见过啊，你是谁？于是开始一顿搜索。 发现文件后缀是. styl 的这个哥们儿学名叫 stylus，是 CSS 的预处 ...
分类：
其他好文 时间：
2018-12-26 00:30:12
阅读次数：
800
1.什么是 CSS 预处理器CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让CSS 更见简洁，适应性更强，代码更直观等诸多好处。 2.基本语法区别:在使用 CSS ...
分类：
其他好文 时间：
2018-12-12 19:03:47
阅读次数：
159
一、准备工作 1.大前提：已安装好node、 npm、 vue、 vue-cli、stylus（此项目使用stylus来编译） 2.开发软件：Google Chrome（建议安装插件vue-devtools，方便调试），webstorm / sublime Text / VS Code （推荐使用w ...
分类：
其他好文 时间：
2018-12-12 00:23:38
阅读次数：
349
缺少style-loader 或者 stylus-loader 等问题 在文件【package.json】分支：【devDependencies】添加 版本号： 在控制台 重新安装依赖、再运行项目 ...
分类：
其他好文 时间：
2018-11-27 12:35:35
阅读次数：
217
