快速新建一个vue项目,安装脚手架

在桌面新建一个空文件夹,拖动文件夹到编辑器打开,  打开命令窗口

 

1)安装之前检查是否已经安装node环境，如果有我们就进行接下来的vue-cli的安装，若果没有我们则先安装node环境。

2)安装vue-cli脚手架，安装代码为：npm install -g vue-cli，我们在这里选择的是全局安装，安装完之后创建项目。

这里注意下网络，网络不好时推荐使用淘宝镜像或者更换成自己的网络。网太差容易安装失败。

3)然后根据提示选择会否安装插件，如果安装则选择Yes，如果不安装则选择No,知道插件选择完成。

输入vue init webpack +项目名,我写的是魅族官网所以写了mz,下方报错是由于项目名里包含了大写字母,在这里点击项目重构,重构项目目录即可更改.

4)接下来就是确认和写入你的项目基本信息

首先是项目名,项目描述,作者,搭建vue项目,是