新建一个vue项目的整个流程

目标:新建一个vue项目,名字叫vuedemo02

一.先看看这两张图片,作为重要参考,然后我们再正式开始

image.png

image.png

二.正式开始

1.vue-cli已经安装好了(可以cmd里输入vue-cli -v查看是否已经安装),所以直接开始第二步的初始化项目

打开cmd,或者powershell

2. 我要在哪个文件夹下新建,就cd到那里.

(1)cd E:

(2)cd E:\myVueProject

3.初始化一个vue项目:输入vue init webpack vuedemo02

image.png

6、启动项目，输入：npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”，如下图：

image.png