# 1. 全局安装vue-cli
~~~
npm install -g vue-cli
-g 表示全局安装
~~~
![](https://box.kancloud.cn/fe641c00952da34bb006cdf0bfd1a5b8_461x125.png)
# 2 初始化vue项目
vue-demo是项目名称(安装时可修改)
~~~
vue init webpack vue-demo
~~~
注意这一步骤
![](https://box.kancloud.cn/548b696743d2db1e71a2790a987e8c45_413x87.png)
完整步骤
![](https://box.kancloud.cn/b98fd407308d83f31a80b7c2eb7e88ce_642x187.png)
[关于eslint使用规则,和各种报错对应规则](https://www.jianshu.com/p/421c66111c06)
# 3 验证初始化项目是否成功
中间没有报错,初始化结束后 到项目根目录下使用npm run dev 然后再浏览器中用localhost:8080验证是否成功
![](https://box.kancloud.cn/7361f0379bb3238d66751ecb0ccac38b_692x381.png)