一、 Vue2.0开发环境
二、 安装
1、 node
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