Vue CLI和ElementUI是前端開發(fā)時常用的工具，Vue CLI可以快速搭建Vue應(yīng)用程序的腳手架，而ElementUI則提供了一套易用的UI組件庫。本文將介紹如何使用Vue CLI和ElementUI搭建一個簡單的應(yīng)用程序。

首先，我們需要安裝Vue CLI。打開終端，輸入以下命令：

npm install -g vue-cli

安裝完成后，我們可以使用Vue CLI來創(chuàng)建一個新的Vue項(xiàng)目。輸入以下命令：

vue init webpack my-project

這將創(chuàng)建一個名為my-project的新項(xiàng)目。接下來，我們需要安裝ElementUI。輸入以下命令：

npm install element-ui --save

安裝完成后，我們需要在項(xiàng)目中引入ElementUI。在main.js文件中，添加以下代碼：

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)
})

這將在我們的應(yīng)用程序中引入ElementUI。接下來，我們可以在App.vue中使用ElementUI組件，例如：

<template>
<div>
<el-button>點(diǎn)擊我</el-button>
</div>
</template>

運(yùn)行項(xiàng)目，我們就可以看到一個帶有按鈕的頁面了。這就是使用Vue CLI和ElementUI創(chuàng)建的一個簡單的應(yīng)用程序。