使用vue前端脚手架工具--开发一个完整后台模版

持续更新，如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

后面有空再写学习历程和遇到的问题

Vue很轻量，易定制，比较适合移动端，很喜欢Vue写组件的方式， 所有用VUE 和 SUI-Mobile 写了一个移动端demo，用来反馈vue的学习成果（禁用了SUI自带的路由，使用Vue-router）

vue

vue-router

vue-resource

webpack

sui-mobile

es6-babel

项目地址：（使用git clone）

git clone https://github.com/eteplus/vue-sui-demo.git

通过npm安装本地服务第三方依赖模块(需要已安装Node.js)，使用npm安装依赖模块可能会很慢，建议换成cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

# 安装依赖模块 cnpm install # 启动服务 npm run dev # 发布代码 npm run build # 发布后启动服务 npm run main 开发 目录结构

. ├── README.md ├── dist // 项目build目录 ├── build // 项目的配置文件目录 │ ├── dev-server.js // 开发的服务配置 │ ├── webpack-dev-conf.js // 开发的Webpack 配置文件 │ ├── webpack-prod-conf.js // 生产的Webpack 配置文件 │ ├── webpack-base-conf.js // 基本的Webpack 配置文件 ├── index.js // 项目发布后的启动文件 ├── package.json // 项目配置文件 ├── src // 生产目录 │ ├── assets // css js 和图片资源 │ ├── data // 数据文件 │ ├── components // 各种组件 │ ├── views // 各种页面 │ ├── directives // 各种指令 │ ├── filters.js // 各种过滤器 │ ├── router.js // 路由配置 │ └── main.vue // 根组件 │ └── app.js // Webpack 预编译入口 │ └── index.html // 项目入口文件 . 更新记录

参看 CHANGELOG.md