Vue项目 --- stylus安装

作者: V火力全开 | 来源:发表于2018-07-11 18:50 被阅读0次

stylus安装

npm install stylus --save
npm install stylus-loader --save

stylus使用

一、语法不再需要括号，相比之前语法简洁了很多。

<style lang="stylus" scoped>
    .header
        display: flex
        line-height: .86rem
        background: $bgColor
        color: #fff
</style>

二、可以创建.styl扩展名的文件，然后在Vue组件的中引入，达到公用一些样式的目的。

例：在项目中使用通用背景色，在/src/assets/styles中创建varibles.styl，在其中写入代码：

$bgColor = #00bcd4

然后在组件中使用，

先引入varibles.styl，记住~一定要加:

@import '~styles/varibles.styl';

使用：

.header
    background: $bgColor

在vue中使用stylus
首先创建一个vue项目安装两个相关的包npm install stylus stylus-loader --sa...
Vue项目 --- stylus安装
stylus安装 stylus使用一、语法不再需要括号，相比之前语法简洁了很多。二、可以创建.styl扩展名的...
This dependency was not found: *
但是当你新建一个vue项目时，需要重新安装stylus，否则报错： This dependency was not...
高仿饿了么app项目
在制作项目的时候踩的坑 1、vue2.0不支持挂载 2、stylus与stylus-loader安装版本为最新版 ...
TypeError: this.getOptions is no
vue 安装stylus和stylus-loader 提示如下截图错误信息环境：node@12原因：stylus...
Vue趟过得坑记录
一、但是当你新建一个vue项目时，需要重新安装stylus，否则报错： This dependency was n...
stylus安装
项目构建后安装stylus npm install stylus-loader css-loader style-...
vue中使用stylus
npm i stylus-loader stylus --save 安装完之后在vue2.0中不需要配置就可使用，...
Error: Cannot find module 'inter
前景提要：1.vue-cli 搭建的项目2.卸载了stylus重新安装后npm run dev 失败.. 一直报错...
Vue.js 初探
vue 环境安装 vue 项目初始化 vue 项目结构 vue 环境安装 vue需要npm命令安装安装node环境...