vue

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

2018-08-07  本文已影响33人  9979eb0cd854

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

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

二.正式开始

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

打开cmd,或者powershell

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

(1)cd E:

(2)cd E:\myVueProject

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


image.png

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


image.png
上一篇下一篇

猜你喜欢

热点阅读