一、 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中的/改为 ./ 就可以在本地运行了
若是在服务器运行,需要配置成服务器的地址
(2)开始路由跳转不太好使 但是木有报错 不知道是不是redirect的事呢,因为之前写的是component。