从新建vue到引入element

一、创建vue项目

1.新建文件夹并打开cmd：vue init webpack vuedemo回车

2.一路回车，如图

3.安装完毕之后 cd vuedemo 然后 npm install

4.安装完成之后 npm run dev，根据提示打开localhost:8080

5.如图新建一个vue就完成了

6.打开config文件在index.js里面修改assetsPublicPath为‘./’,如果不修改的话后期引入css或者js，会出现找不到路径的情况

二、引入element

1.在vuedemo文件下打开cmd，输入npm i element-ui -S回车

2.然后再src/mian.js里面引入（红色框部分）

// vue+element引入
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

// vue+element引入
Vue.use(ElementUI)

3.然后在helloworld页面引入三个button试一下

<el-button>默认按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="text">文字按钮</el-button>

4.最后，在cmd里面 npm run dev 根据提示打开localhost:8080，如图，引入成功啦