vue中使用stylus

vue中使用stylus

编辑器： Visual Studio Code
适用于脚手架

---

第一步。配置文件

package.json 文件中

"devDependencies": {
    ……
    //内部添加
    "stylus": "^0.54.5",
    "stylus-loader": "^2.1.1"
    //配置文件
}

第二步。安装依赖

npm install

等待安装完毕后重启项目

npm run dev

第三步。愉快使用

<style lang="stylus" scoped>
.header-center-right .tab-item 
    float: left
    font-size: 24px
    margin: 0 50px
    cursor: pointer

.header-center-right 
    margin: 0 40px 0 0

&.router-link-active 
    .tab-link 
        display: block
        background: url('../../images/all/showline.png') center 77px no-repeat
        color: #F04a4a

.tab-item:hover 
    background: url('../../images/all/showline.png') center bottom no-repeat
    color: #F04a4a

.szheadershow
    display :none    

.tab1:hover .szheadershow
    display :block    

</style>

小白鼠一枚，错误请指正