创建vue项目

安装和配置

首先安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。

 从官网下载安装node.js后，就已经自带npm（包管理工具）了，可以使用npm -v命令查看npm是否安装成功。另需要注意的是由于版本更新迭代比较快，所以npm的版本最好是3.x.x以上，以免对后续产生影响。

 由于npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我们还需要npm的国内镜像—-cnpm。在命令行中输入 npm install -g cnpm –registry=http://registry.npm.taobao.org 然后等待即可。安装完成之后可以使用cnpm -v命令查看是否安装成功，如果输出版本号即安装成功。
 

接着安装webpack（一款开源的前端打包工具），打开命令行工具输入：cnpm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。

接着安装vue-cli脚手架构建工具，打开命令行工具输入：cnpm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。

创建第一个vue项目

在本地的硬盘创建一个文件夹用于创建项目，根据自己情况选择，然后cd命令进入到该文件夹路径下，使用下面的命令构建项目：

vue create 项目名