新建一个vue项目的整个流程
2018-08-07 本文已影响33人
9979eb0cd854
目标:新建一个vue项目,名字叫vuedemo02
一.先看看这两张图片,作为重要参考,然后我们再正式开始
![](https://img.haomeiwen.com/i12960326/a68e1264928508cf.png)
![](https://img.haomeiwen.com/i12960326/c4002dea6ca01523.png)
二.正式开始
1.vue-cli已经安装好了(可以cmd里输入vue-cli -v查看是否已经安装),所以直接开始第二步的初始化项目
打开cmd,或者powershell
- 我要在哪个文件夹下新建,就cd到那里.
(1)cd E:
(2)cd E:\myVueProject
3.初始化一个vue项目:输入vue init webpack vuedemo02
![](https://img.haomeiwen.com/i12960326/29f8d604a72a36d9.png)
6、启动项目,输入:npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”,如下图:
![](https://img.haomeiwen.com/i12960326/0a7f058e9ff1ea1b.png)