创建vue项目

1. 安装node.js

从node.js官网下载并安装node 安装完成之后，打开命令行工具，输入node-v，如下图，如果出现相应的版本号，则说明安装成功。

npm包管理器，是集成在node中的，直接输入npm-v就会如下图所示，显示出npm的版本信息

2. 安装cnpm

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 完成之后，我们就可以用cnpm代替npm来安装依赖包了

3.安装vue-cli脚手架构建工具

cnpm install -g vue-cli

4. 用vue-cli构建项目

要创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录

在命令行中运行命令 vue init webpack firstVue

这个命令的意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。

其中firstVue是整个项目文件夹的名称，这个文件夹会自动生成在你指定的目录中 运行初始化命令的时候回让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好

5. 安装项目所需的依赖

要安装依赖包，首先cd到项目文件夹（firstVue文件夹），然后运行命令 cnpm install ，等待安装

安装完成之后，会在我们的项目目录firstVue文件夹中多出一个node_modules文件夹，这里边就是我们项目需要的依赖包资源

npm run dev，运行新创建的vue项目

vue项目结构说明