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

創(chuàng)新互聯(lián)一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘，量身打造，注重實效"的一站式服務(wù)，以成都網(wǎng)站制作、成都做網(wǎng)站、移動互聯(lián)產(chǎn)品、全網(wǎng)整合營銷推廣服務(wù)為核心業(yè)務(wù)。10年網(wǎng)站制作的經(jīng)驗，使用新網(wǎng)站建設(shè)技術(shù)，全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站，不但價格便宜而且實用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用，維護(hù)方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

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

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

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

就可以了。

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

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

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

安裝完成：

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

啟動成功：

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

本文已被整理到了《Vue.js前端組件學(xué)習(xí)教程》，歡迎大家學(xué)習(xí)閱讀。

關(guān)于vue.js組件的教程，請大家點擊專題vue.js組件學(xué)習(xí)教程進(jìn)行學(xué)習(xí)。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)建站。

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站題目：Vue2.0UI框架ElementUI使用方法詳解-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://weahome.cn/article/dpcsdh.html