# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev
安装后,我们来看首页是怎么启动的:
1.
![](https://i-blog.csdnimg.cn/blog_migrate/a97fa357215eee7cb40c82075e20883f.png)
2.
![](https://i-blog.csdnimg.cn/blog_migrate/1b8a03b1008430f6f0ec93c89cd0ca13.png)
3.
![](https://i-blog.csdnimg.cn/blog_migrate/cc1fa9dc6353762df1880a2613128413.png)
4.
![](https://i-blog.csdnimg.cn/blog_migrate/d2333812ef4c9607c8566caac6a30279.png)
5.
![](https://i-blog.csdnimg.cn/blog_migrate/420b60e9c0d29788a6a7cb33910fd563.png)
6.
![](https://i-blog.csdnimg.cn/blog_migrate/ed37b9695fff232a5af819e1f154674c.png)