项目搭建流程

1.使用vue cli 搭建项目框架

cnpm install -g vue-cli 安装vue cli 脚手架

vue init webpack projectName 创建项目

cd projectName

cnpm install 安装依赖模块

2.使用 vue router

cnpm install vue router --save

3.使用vue resource /axios

作用：请求数据

项目引用：import VueResource from "vue resource"

全局使用：Vue.use(VueResource)

axios使用同理

vue resource 与axios的异同

相同点：都是请求数据

不同点：vue resource是vue 1.0开始使用的

axios是vue 2.0中使用 但是没有jsonp请求

4.使用基于Vue.js的移动端组件库 mint-ui

cnpm install mint-ui --save

全局使用 mint ui

import MintUI from "mint-ui"

Vue.use(MintUI)

使用前需要安装引入的组件样式 cnpm install babel-plugin-component -D

然后在babelIrc中添加设置 plugins

"plugins": ["transform-runtime", ["component", [{"libraryName": "mint-ui","style": true}]]]

5.项目运行打包

(1) cnpm run build 生成dist文件夹，将这个文件夹放在服务器上即可

(2) 如果我们想在本地运行使用，可以使用http-server

因为在项目中设置了服务器代理，本地是无法代理到数据的，所以我们需要开启代理服务

npm init

cnpm install express http-proxy-middleware --save

创建一个 server.js 在里面写下面图片的代码

开启服务 node server