[TOC]
## 用vue创建一个hello
```
vue create hello
```
![](https://box.kancloud.cn/4e7acc9b39ca50f99eb4ac97c208d1e3_1133x278.PNG)
> 空格选中/取消 a全选
![](https://box.kancloud.cn/7173dd576121419f1a13533804c0a189_1136x329.PNG)
![](https://box.kancloud.cn/9f09785acf89799c7f72f81a071efc23_1081x260.PNG)
![](https://box.kancloud.cn/a81fa7edda9057ac0b1cad08f27a12d4_964x245.PNG)
![](https://box.kancloud.cn/e2ac0f42810e0a3980fb7546c4ed2fbd_967x244.PNG)
![](https://box.kancloud.cn/8b0319a52bf019ae4e96b5bd610fc270_978x241.PNG)
## vue配置成功
![](https://box.kancloud.cn/7b94965c3665e522239b49bbfb2a9c1a_1079x322.PNG)
## 2.vue打包
```
npm run build 打包产生 dist文件
```
## 3.打包后查看效果 需装依赖
```
npm i serve -g
serve -s dist
```