- 热加载/热替换（hotreload)
- 构建时文件带hash，方便版本控制
- sourceMap,方便调试
- CSS 样式独立文件
- 支持ES6
- 支持sass
- 解决了数据请求跨域问题
- vue：MVVM前端框架 查看api
- vue-resource : 基于vue的ajax扩展 使用文档
- vue-router : 基于vue的路由扩展 查看文档
- webpack : 资源打包处理工具
- webpackdevserver: 基于webpack的开发服务器
- 安装nodejs（版本6.2+） 下载nodejs最新版
- 全局安装webpack
npm install webpack -g
- 拷贝本项目
git clone [email protected]:tianyuwu/Vue-SPA-demo.git
- 安装项目依赖 进行项目根目录,执行下面命令
npm install
├── index.html 入口html
├── node_modules node依赖包目录
├── package.json
├── readme.md
├── server.js WebpackDevServer，本地开发用的服务器
├── src
│ ├── app.vue 根组件
│ ├── assets 静态资源目录
│ │ ├── css
│ │ ├── img
│ │ └── js
│ ├── components 组件目录
│ │ └── button.vue
│ ├── filters.js 过滤器
│ ├── index.tpl html模板
│ ├── main.js js的入口文件
│ ├── routers.js 路由配置文件
│ └── views 页面组件，一个页面对应一个组件
│ └── index.vue
└── webpack.config.js webpack配置文件
npm run dev
然后打开浏览器访问http://localhost:8080
win平台
npm run wb
mac平台
npm run mb
npm install package_name --save-dev