使用vue-cli脚手架搭建vue项目

1.首先简单介绍一下vue的安装

（1）需要安装nodejs（此处不介绍）

（2）安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果安装出错，可以查看是否是代理的问题

查看代理的命令：npm config get registry

设置代理的命令：npm config set registry http://r.cnpmjs.org/

（3）安装脚手架

cnpm install -g vue-cli

安装完成后，输入vue，如果显示以下信息，说明安装成功

2.新建一个first-vue-demo文件夹，打开终端，进入first-vue-demo文件夹，在当前文件夹下输入vue init webpack，在当前目录下创建一个基于webpack的vue项目

接下来会让你确认一系列的东西,基本上敲回车或输入Y或者n即可

3.可以看到first-vue-demo目录下已经有下列文件了

4.进入first-vue-demo目录下，在终端输入npm install

安装完成后，可以看到输出了一大堆内容

接着输入npm run dev (安装了cnpm 使用cnpm run dev也可以)

服务启动成功后，也可以通过http://localhost:8080访问项目