一、 Vue2.0开发环境

Node：javascript运行环境
Npm：包管理工具
Webpack：前端资源模块化管理和打包工具（http://webpackdoc.com/ ）
vue-cli：官方发布vue项目脚手架，使用 vue-cli 可快速创建 vue 项目

二、 安装

1、 node

https://nodejs.org/en/
node –v 查看是否安装成功
同时npm会在Node.js安装的时候顺带装好
或者 切换npm镜像源npm config set registry https://registry.npm.taobao.org （cnpm代替npm）

2、 webpack

npm install webpack –g

3、 安装vue-cli

npm install vue-cli -g

三、 项目搭建

1、 新建项目

vue init webpack my-project （即创建一个基于webpack模版的项目）

vue init webpack-simple my-project （即创建一个基于webpack模版的简版项目：没有路由等配置）

2、 安装依赖

cd my-project/ 切换到项目路径
npm install

3、 项目启动

npm run dev

4、 项目打包

npm run build
打包生成的dist文件放入服务器

遇到问题

(1)生成的dist目录下的index.html无法运行
将配置文件build中的/改为 ./ 就可以在本地运行了
若是在服务器运行，需要配置成服务器的地址

Paste_Image.png

（2）开始路由跳转不太好使 但是木有报错 不知道是不是redirect的事呢，因为之前写的是component。

Paste_Image.png