在vue項目中使用less

less: css的預處理語言;css

這裏主要介紹使用vue-cil搭建的vue項目中如何使用less,在使用less以前你必須肯定你的本地電腦已經安裝好了node環境配置好了(由於我介紹的是基於vue項目的) 能夠參考我以前的配置:juejin.im/post/5bff54…vue

首先使用npm安裝個人less(npm比較慢,這裏能夠考慮使用cnpm)node

npm install less less-loader --save-dev ||cnpm install less less-loader --save-devnpm

而後在個人頁面中使用less,以下:less

備註:lang="less"表示個人css使用的語言是less scoped表示個人css的樣式僅僅在當前頁面有效;post

相關文章
相關標籤/搜索