Vue-cli结合Element-UI的环境搭建使用

1 首先在安装node和vue的情况下  初始化一个vue的项目: vue init webpack 
如果是Mac下可能要使用 sudo vue init webpack my-project

2 vue项目创建并初始化好了之后 进入项目的目录下 使用npm i element-ui -S安装elementUI
cd my-project
npm i element-ui -S

3 经过前面2步项目环境已经搭建好了 这里找个案例来试一下

4 在webstorm中打开工程 修改main.js

image.png

5 components目录下创建一个table.vue

6 修改index下的router 新增/table

image.png

7 修改后在项目目录下 使用命令 npm run start启动项目 访问http://localhost:8080/#/table 可以看到elmentUI的table已经正确的显示出来了✅

image.png