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