亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Vue2.0 UI框架ElementUI使用方法詳解

 更新時間:2017年04月14日 10:14:13   作者:追夢少年ie  
這篇文章主要為大家詳細介紹了Vue2.0 UI框架ElementUI的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下

今天來介紹一下ElementUI的使用,在Vue2.0更新之后,很多UI框架也應運而生,這個框架是餓了么團隊開發(fā)的一款適用于PC的一個UI框架,體驗之后給我的個人感覺確實是有助于快速開發(fā)的一款UI框架,在餓了么GitHub中我下載了一個團隊開發(fā)的官方Demo(GitHub鏈接為:https://github.com/taylorchen709/vue-admin)感覺可以應對初期團隊項目為管理系統(tǒng)的開發(fā)這一類的網(wǎng)站,下面我就來仔細講解下如何讓官方的Demo運行起來

首先我們使用windows件+r在輸入框中輸入cmd調(diào)用控制臺(我寫的會細一些方便讓一些基礎并不是那么好的人來學習,大神們諒解一下)



2.我在正式安裝之前我會在電腦里面全局安裝一個淘寶鏡像,因為npm安裝會很慢,安裝完淘寶鏡像之后所有的npm安裝改為cnpm安裝之后會快很多,在控制臺中輸入

npm install -g cnpm --registry=https://registry.npm.taobao.org

就可以了。

3.安裝完淘寶鏡像,我們將下載好的官方Demo解壓下來通過控制臺進入該文件夾的根目錄下 

執(zhí)行命令:cd 文件夾所在的根目錄

執(zhí)行安裝命令:cnpm install


安裝完成:

啟動環(huán)境命令:cnpm run dev

啟動成功:

此時瀏覽器會自動彈出,localhost:8080就是運行的結(jié)果,啟動成功之后我們?nèi)绻胍芯窟@個Demo的結(jié)構(gòu)我們進入根目錄的src文件夾中找到對應的頁面和組件,功能結(jié)合API就可以快速開發(fā)出團隊想要的一個功能頁面了,這個框架還有很多的方法需要我們?nèi)ヌ剿?,之后有時間我會繼續(xù)更新第二篇關于ElementUI的框架更深入的使用方法。

本文已被整理到了《Vue.js前端組件學習教程》,歡迎大家學習閱讀。

關于vue.js組件的教程,請大家點擊專題vue.js組件學習教程進行學習。

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

本文轉(zhuǎn)載于:http://blog.csdn.net/lixueninggg/article/details/70140158

相關文章

最新評論