vue專案常用依賴安裝 element ui

2021-10-24 19:00:56 字數 1278 閱讀 7867

一、介紹

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 ...