zoukankan      html  css  js  c++  java
  • stylus样式开发的使用----vue

    stylus是css开发辅助工具,类似lLess和Sass,安装成功后的使用如下图所示

    使用的时候要特别注意缩进,因为缩进是页面dom的父子关系或者兄弟关系的体现,如图font-size:0.4rem可以理解为.header类下的.header-left类下的.text-align类
    的font-size为0.4rem。而且较平常使用的css相比可以不写{}和属性后的;。这样代码更简洁易读,同样stylus也可以像Less、Sass一样使用变量

     一、安装

    通过终端打开项目所在的文件夹,使用cnpm的前提是安装了淘宝镜像,否则使用npm,

    1、安装 stylus,输入命令:cnpm install stylus --save

    2、安装stylus-loader,输入命令cnpm install stylus-loader --save

    3、启动项目,输入命令:npm run dev

    二、引入

    在要使用的文件style标签下面引入stylus

    输入:@import '~styles/varibles.styl'

    至此,stylus的安装和使用已经完成。

  • 相关阅读:
    TiDB架构特性
    TiDB入门
    ansible安装nginx
    linux命令之cowsay
    KeepAlived 搭建高可用的HAProxy集群
    HAProxy 实现镜像队列的负载均衡
    RabbitMQ高可用集群介绍
    docker安装phpMyAdmin
    centos7安装RabbitMQ
    Vim轻量级查看Java代码
  • 原文地址:https://www.cnblogs.com/qdkfyym/p/11453128.html
Copyright © 2011-2022 走看看