一、介紹
element-ul是餓了麼前端團隊推出的一款基於vue.js 2.0 的桌面端ui框架,中文官方位址如下:element-ul官網
二、安裝
npm install element-ui -
s
三、配置
1. 在main.js檔案中 引入 element 元件 :
// 程式入口:環境依賴,外掛程式
import vue from
'vue'
// 引入根元件
// 引入路由配置
import router from
'./router'
// 關閉生產模式下給出的提示
vue.config.productiontip =
false
//引入elementui
import elementui from
'element-ui'
;import
'element-ui/lib/theme-chalk/index.css'
;vue.
use(elementui)
;// 定義例項
newvue
()
2. 在靜態檔案下static資料夾建立css資料夾下的乙個全域性公用common.css :
3. 全域性公用common.css **如下(按自己需求來寫css) :
@charset"utf-8"
; body
html
ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, input, button
ul, ol
img
.lf
.rt
input, button, textarea
a a:hover
em .link
input, button, textarea, select, optgroup, option
ul, li, dl, dt, dd, ol
img
.clear
.clear-fix:after,
.clearfix:after
a
Vue 安裝依賴 stylus
安裝stylus stylus loadery依賴 npm install stylus stylus loaderpackage.json檔案配置 上述命令並不會幫我們安裝到配置檔案,需要我們自己配置下,如下,新增上這兩項配置 devdependencies 別名配置 配置別名為了在引用的時候,程...
vue專案常用API
檔案 utils util.js const formattime date const formatnumber n function checkmobile mobile test mobile 驗證手機號 function password pws test pws 驗證密碼 return r...
安裝vue專案步驟
1 安裝node要在配置環境變數之前,2 檢視node和npm的安裝是否成功 node v npm v 3 更新npm的版本 npm install g npm 也可以用 映象 cnpm 4 安裝vue腳手架 vue cli npm install g vue cil 也可用國內映象來安裝 npm ...