vue 2.0开发项目中stylus 的配置和使用
来源:互联网 发布:tower mac 注册码 编辑:程序博客网 时间:2024/06/05 10:54
其实,之前一直都是css 写样式 的。但是到了vue2.0时代,似乎得换个方式了,看到得教程也都是用stylus,既然可以定义css变量和函数,感觉很牛掰啊!所有也就上手试试。
首先是安装 ,在node环境下执行 npm install stylus stylus-loader --save
自己检查package.json 里面是否安装成功。
其次,就可以在项目中定义变量了:比如新建一个 mycolor.styl 得文档,
// 颜色定义规范$color-background = #222$color-background-d = rgba(0, 0, 0, 0.3)$color-highlight-background = #333
接着就是在vue 文档中 的引用。需要主意 的是必须注明你的lang类型,不然就会编译时报错。
<style scoped lang="stylus" rel="stylesheet/stylus"> @import "~common/stylus/mycolor.styl" #teststyl h3 color $color-theme</style>
好了,就是这么简单。
阅读全文
0 0
- vue 2.0开发项目中stylus 的配置和使用
- 在vue的开发中使用stylus
- 在vue项目中使用stylus
- vue中使用stylus
- 解决vue-cli中stylus无法使用的问题
- 解决vue-cli中stylus无法使用的问题
- vue-cli项目安装使用stylus步骤
- Vue.js使用Stylus
- vue使用stylus
- 使用vue cli开发项目中遇到的坑
- VUE项目开发中使用mixins
- 用vue构建项目笔记4(在vue中使用sass的配置)
- vue-cli脚手架开发项目问题——Cannot find module ‘stylus’
- vue-cli中stylus缩进报错
- vue使用stylus报错解决方法
- 【VUE】vue项目开发中,setTimeout等定时器的管理。
- sass、less和stylus的安装使用和入门实践
- sass、less和stylus的安装使用和入门实践
- ESP 8266 nodemcu 入过的坑
- 通用的HTTP请求类
- HDU 1671 字典树
- IDEA文件颜色说明
- OpenStack中GET请求 fixed_ips传参方式解决思路
- vue 2.0开发项目中stylus 的配置和使用
- SCCM 2012 R2 实战系列(十)—统一部署Office
- D3.js实现线性折线图
- 能自学成为WEB前端工程师吗?
- Ubuntu系统误删内核无限进入Memtest+86问题解决
- Java Apache HTTPClient Tutorial 深度学习(二)
- 安卓项目导入aar文件后容易遗漏的配置
- 从Storm和Spark 学习流式实时分布式计算的设计
- C调用LUA各种方式的性能对比