【记录如何用vue+element ui搭建一个页面】

一、新建一个文件夹，在该文件夹路径下cmd打开窗口命令，运行如下命令:control项目名，不能大写

 vue init webpack control

直接运行如下命令，不要运行cd control，因为会移动项目文件

npm run dev

项目成功如下所示

二、安装element -ui 组件

在终端输入如下命令-全局安装

npm i element-ui -S 

 安装完成后可在package.json文件依赖中查看是否成功

三、在项目中使用element-ui

1、在main.js中引入element组件

/* 引入element组件及样式 */
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

2、修改组件HelloWorld.vue代码如下（可以参考element ui官网）

四、显示界面如下：

具体错误见下篇：记录vue+element ui搭建页面过程中遇到的问题