vue2.0使用（一）

vue2.0项目构建

（一）环境配置

1.安装node.js，安装完成之后，cmd，输入 node -v，如果出现相应的版本号，则说明安装成功

注意：，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响

2.安装淘宝镜像，打开命令行工具

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

安装完成之后输入 cnpm -v

如果出现相应的版本号，则说明安装成功

3. 安装webpack

npm install webpack -g

安装完成之后输入 webpack -v，如果出现相应的版本号，则说明安装成功

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

npm install vue-cli -g

安装完成之后输入 vue -V（注意这里是大写的“V”）

如果出现相应的版本号，则说明安装成功

那么到这里，环境和工具都准备好了

（二）项目搭建

现在我们开始通过vue-cli脚手架来搭建项目

1.新建一个空文件夹，

cd 目录路径

2.

安装vue脚手架输入：vue init webpack demo （demo为项目名字，

随便的起名，但是需要主要的是“不能用中文”

）

操作如下：

（2）

cd 命令进入创建的工程目录

npm install，因为自动构建过程中已存在package.json文件，所以这里直接安装依赖就行。

(3)

安装 vue 路由模块 vue-router 和网络请求模块 vue-resource，输入：cnpm install vue-router vue-resource --save

(4)

启动项目，输入：npm run dev

注意8080端口是否被占用