vue-sui-demo - 用VUE 和 SUI-Mobile 写了一个移动端demo
vue-sui-demo
持续更新,如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^
后面有空再写学习历程和遇到的问题
Vue很轻量,易定制,比较适合移动端,很喜欢Vue写组件的方式, 所有用VUE 和 SUI-Mobile 写了一个移动端demo,用来反馈vue的学习成果(禁用了SUI自带的路由,使用Vue-router)
技术栈
安装
项目地址:(使用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 // 项目入口文件 .
本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!