vue專案中更改element主題色

2021-09-27 04:14:01 字數 563 閱讀 4676

全域性安裝element-theme：

cnpm i element-theme -g
專案中安裝element-theme-chalk：

cnpm i element-theme-chalk -d
生成初始化檔案element-variables.scss：

et -i
注意：若專案中未使用scss需先安裝sass-loader：

cnpm i sass-loader -d
在vue專案的src目錄中找到main.js檔案：

import elementui from 'element-ui'


import 'element-ui/lib/theme-chalk/index.css'


import '../theme/index.css'
注意：theme/index.css必須放在最後，不然主題色無法生效

在vue2 x專案中怎麼引入Element UI

參考 element使用方法 第一步 cmd進入專案目錄下，安裝 elementui 並儲存到 package.json npm install element ui s npm install element ui s有2個錯誤 解決方法 npm install 如圖 再執行一次npm insta...

vue及element專案環境搭建

vue cli failed to download repo vuejs templates webpack unable to verify the first certificate 2.把解壓出的資料夾放在 c users 當前使用者名稱.vue templates 沒有就新建乙個 vue ...

vue 專案中的scoped

加了scoped的樣式，在打包後，就會給同乙個帶有scoped的style裡面的樣式增加一段特殊標識，看下面例子就曉得了 打包後在.css檔案中就成了如下 one h1 xx h2 xx h4 xx 這裡的 xx在同乙個scoped裡面的都一樣，不同的不一樣 這就是為什麼引入其他元件時，在帶有sco...