搜索
您的当前位置:首页正文

vue项目开发流程及环境配置

来源:二三娱乐

一、 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
Top