首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >在vue 中使用Stylus

在vue 中使用Stylus

作者头像
大象无痕
发布于 2018-07-17 15:33:03
发布于 2018-07-17 15:33:03
1.1K0
举报
文章被收录于专栏:前端之路前端之路

Stylus => 一个CSS预处理器

  1. 安装 cnpm install stylus
  2. 初始化项目
    • vue init webpack filename
    • cd filename
    • cnpm install
    • cnpm install stylus –save-dev
    • cnpm install stylus-loader –save-dev
    • npm run dev
  3. 使用 vue中使用Stylus .box background:red ....
  4. 引入 引入单独的.styl文件 新建stylus文件 filename.styl 编写样式后 通过script标签import引入 import ‘./filename.styl’ 或 在style标签@import引入 @import “./common/stylus/mixin.styl”
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-08-16,如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • Stylus => 一个CSS预处理器
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档