一、安装 webpack

全局安装

npm install webpack -g
npm i webpack-cli -g

查看安装

webpack -v

二、安装vue-cli

npm install -g @vue/cli

三、创建项目

//name是项目的名称，可以改成非中文字体的任意名称
vue create  name

四、安装依赖

进入项目文件夹后执行 npm install

cd name
npm install 

五、安装和设置element-ui

官网:https://element.eleme.cn

安装element-ui

npm i element-ui -S

在main.js 中写入以下内容进行引入（路径src/main.js ）

import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)
Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

将 src/app.vue修改为

<template>
 <div id="app">
<el-button @click="show">测试</el-button>
 </div>
</template>
<script>
export default {
 name: 'App',
 methods:{
   show(){
     //this.$message('element-ui-测试提示1')
     this.$message.success('element-ui-测试提示2')
   }
 }
}
</script>
<style>
#app {
}
</style>

运行vue项目

npm run serve

成功后访问 http://localhost:8080

访问后点击测试按钮出现如下内容，表示成功