Vue项目搭建

首先我们想安装vue-cli，需要用npm安装，所以我们得先安装Node.js（网上有很多安装教程，就不做介绍了）。

在我们安装好node之后，npm也就可以安装好了，可以打开cmd，查看一下当前的版本号：node-v

因为npm是从国外访问获取的，所以小伙伴们也可以用国内的淘宝镜像cnpm（http://npm.taobao.org/）安装

安装好后，同理，cmd里输入cnpm-v检测一下是否安装成功，如果出来的是这样，表示已经安装成功。

然后我们现在开始安装vue-cli

vue-cli是一种全局脚手架用于帮助搭建所需的模板框架，同理在cmd中输入命令:npm install -g vue-cli。在这一段代码中-g是为了全局使用的意思。与cnpm样，安装完成后会显示一长串的文件，输入 vue -v可以查看vue版本。此时，环境已经基本搭建成功。

接下来，我们开始创建第一个vue.js项目

在命令行中输入：vue init webpack my-first-demo(项目文件夹名)。

是的

Project name：这一句说我们的项目名称是否为输入的这个名称，如果是，直接回车就行

然后又会出来两个内容，我们直接回车就行，然后下面呢，我们选择第二个

然后会提醒我们是否安装vue-router，我们输入y，即同意安装

后面三个关于书写方式，我们全都输入n就行，即代表不用安装，然后最后会弹出一个选项，就是是否使用npm，如果小伙伴觉得npm下载比较慢的话，可以选择第三个，不过还是建议用npm呢，个人觉得安装的依赖等都比较全吧，哈哈哈。

选择好以后呢，咱们就进去到刚刚的这个项目：

命令行输入：cd first-vue

进来以后呢，我们就用npm install 或者cnpm install安装依赖包，安装好以后，我们接着输入npm run dev，就会看到这样。

然后进去端口号为8080的地址

这样项目就创建完成了哦~