vue-sui-demo - 用VUE 和 SUI-Mobile 写了一个移动端demo

jopen 6年前

vue-sui-demo

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

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


Vue很轻量,易定制,比较适合移动端,很喜欢Vue写组件的方式, 所有用VUESUI-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           // 项目入口文件  .

项目地址: https://github.com/eteplus/vue-sui-demo