溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天來介紹一下ElementUI的使用，在Vue2.0更新之后，很多UI框架也應運而生，這個框架是餓了么團隊開發的一款適用于PC的一個UI框架，體驗之后給我的個人感覺確實是有助于快速開發的一款UI框架，在餓了么GitHub中我下載了一個團隊開發的官方Demo（GitHub鏈接為：https://github.com/taylorchen709/vue-admin）感覺可以應對初期團隊項目為管理系統的開發這一類的網站，下面我就來仔細講解下如何讓官方的Demo運行起來
首先我們使用windows件+r在輸入框中輸入cmd調用控制臺（我寫的會細一些方便讓一些基礎并不是那么好的人來學習，大神們諒解一下）
2.我在正式安裝之前我會在電腦里面全局安裝一個淘寶鏡像，因為npm安裝會很慢，安裝完淘寶鏡像之后所有的npm安裝改為cnpm安裝之后會快很多，在控制臺中輸入
npm install -g cnpm --registry=https://registry.npm.taobao.org
就可以了。
3.安裝完淘寶鏡像，我們將下載好的官方Demo解壓下來通過控制臺進入該文件夾的根目錄下
執行命令：cd 文件夾所在的根目錄
執行安裝命令：cnpm install
安裝完成：
啟動環境命令：cnpm run dev
啟動成功：
此時瀏覽器會自動彈出，localhost:8080就是運行的結果，啟動成功之后我們如果想要研究這個Demo的結構我們進入根目錄的src文件夾中找到對應的頁面和組件，功能結合API就可以快速開發出團隊想要的一個功能頁面了，這個框架還有很多的方法需要我們去探索，之后有時間我會繼續更新第二篇關于ElementUI的框架更深入的使用方法。
本文已被整理到了《Vue.js前端組件學習教程》，歡迎大家學習閱讀。
關于vue.js組件的教程，請大家點擊專題vue.js組件學習教程進行學習。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
本文轉載于：http://blog.csdn.net/lixueninggg/article/details/70140158
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
