你在使用Vue.JS的時候肯定會經常用到UI框架，尤其是Element UI，這是一個非常優秀的UI框架，使用很廣泛，而且他還能夠兼容Vue.JS的很多特性，所以Element UI很受Vue.JS程序員的歡迎。本篇文章將詳細介紹如何下載Element UI。

一、安裝Node.js

在下載Element UI之前，你需要先安裝Node.js以便使用Node.js的npm命令下載安裝包。如果你還沒有安裝Node.js的話，你可以從官網下載安裝器進行安裝。

二、創建vue項目

你可以直接使用vue-cli創建一個新的vue項目。如果你還沒有安裝vue-cli的話，可以使用以下npm命令進行安裝。

npm install -g vue-cli

創建一個新的vue項目非常簡單，只需要按照以下步驟即可。

vue init webpack my-project
cd my-project
npm install
npm run dev

根據你的項目需要修改config/index.js文件，把localhost改成0.0.0.0，這樣就可以通過外部IP訪問了。例如我是用192.168.1.115:8080就可以訪問my-project了。

三、安裝Element UI

在設置好vue項目之后，我們就可以安裝Element UI了。我們需要先使用npm命令下載Element UI的包，然后再按照官方文檔添加Element的模塊和樣式。

npm i element-ui -S

然后在main.js文件中導入Element UI。

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'
Vue.use(ElementUI);
new Vue({
el: '#app',
render: h =>h(App)
})

四、使用Element UI

現在我們已經安裝好了Element UI，就可以使用了。我們可以在.vue文件中引用Element的組件，并使用你要使用的組件就可以了。

總結

現在你已經學會了如何下載和使用Element UI，希望這篇文章可以幫助到你，讓你更好地使用Vue.JS。如果你還有其他問題或者想了解更多信息，你可以參考Vue.JS官方文檔和Element UI官方文檔。祝你使用愉快！