1 Star 8 Fork 0

wangProgrammer/uni-app-cli搭建

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

vue-cli-uni-app-wangyang

开箱即用!!基于uniapp cli模式集成最佳实践脚手架, ui库使用 uview(已配置全自动按需导入), css 框架使用 tailwindcss(下一代css框架), 请求使用axios的方式(添加了uniapp适配器支持) 路由使用 uni-simple-router(同vue-router的api无须重新阅读文档,配置了路由自动生成) 使用了uni-ui ,使用了z-paging(这个是下拉刷新置顶的功能,自动请求列表,虚拟列表)


  • 后期,将会实现自动化生成表单模式的组件(欢迎大佬的参与)

铁子们,一键三连哦😘

感谢大家的捧场❤️


viarotel

vue-cli-wangyang

基于VueCli模式的uniapp脚手架集成 uni-app+

vue-cli+

uview+

vue-rouer+

vuex+

axios+

request+

tailwindcss

uview-ui2.x

z-paging

底层架构


探索本项目的文档 »

查看Demo · 报告Bug · 提出新特性

目录

上手指南

获取本项目

  1. clone 本项目 或 直接下载main包
git clone xxxx

运行项目

任意编辑器直接运行本项目
  1. 安装依赖
  2. 运行项目
npm install //or yarn
npm run serve //or yarn serve
在HBuilder中运行本项目
  1. 将项目拖动到HBuilder中
  2. 点击项目src目录中的任意文件
  3. 点击编辑器上方点击运行选择需要运行的环境

打包发行

任意编辑器发行本项目
  1. 安装依赖
  2. 打包项目
npm install //or yarn
npm run build //or yarn build 默认为H5环境 更多环境命令请参考 package.json 中的 scripts字段
在HBuilder中发行本项目
  1. 将项目拖动到HBuilder中
  2. 点击项目src目录中的任意文件
  3. 点击编辑器上方点击发行选择需要打包的环境

文件目录说明

filetree
├── /dist //打包生成的静态资源文件,用于生产部署。
├── /node_modules //存放npm命令下载的开发环境和生产环境的依赖包。
├── /public/ //存放在该文件夹的东西不会被打包影响,而是会原封不动的输出到dist文件夹中
│  ├── /index.html // 入口模板文件
├── /src/ // 存放项目源码及需要引用的资源文件。
│  ├── /assets/ //存放项目中需要用到的资源文件,css、js、images等。
│  ├── /components/ //存放vue开发中一些公共组件:header.vue、footer.vue等。
│  ├── /configs/ //全局配置文件
│  ├── /directives/ //全局指令注册
│  ├── /icons/ //存放图标的地方
│  ├── /pages/ //存在vue页面组件的文件夹。
│  ├── /plugins/ //项目常用的插件集合
│  ├── /requests/ //接口配置
│  ├── /router/ //路由配置
│  ├── /static/ //存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
│  ├── /store/ //存放 vuex 为vue专门开发的状态管理器。
│  ├── /styles/ //存放全局样式
│  ├── /utils/ //存放vue开发过程中一些公共的.js方法。
├── App.vue //项目入口文件
├── ext.json // 小程序作为第三方开发需要用到的配置文件 动态切换appid等功能
├── main.js //入口文件
├── manifest.json //uniapp 管理各个环境下的的配置
├── pages.json //页面和路由配置文件
├── uni.scss //uni.scss是一个特殊文件,在代码中无需 import 这个文件即可在scss代码中使用这里的样式变量
├── .gitignore //git忽略文件配置
├── babel.config.js //对js文件进行编译转换增强的配置文件
├── LICENSE //MIT许可证
├── package.json //包管理配置文件
├── postcss.config.js //对css文件进行编译转换增强的配置文件
├── README.md
├── tailwind.config.js //tailwindcss的配置文件
├── jsconfig.json //JavaScript语言服务的配置文件 代码提示 文件索引等问题
├── vue.config.js //vuecli配置文件
└── yarn.lock //yarn锁定依赖版本

使用到的框架和库

关键字

  • vue (vue框架)
  • uview (ui组件库)
  • tailwindcss (样式,跟bootstrap同理)
  • axios (请求接口)
  • vuex (管理器)
  • uni-simple-router (路由:vue-router同理)
  • z-paging (分页上下拉刷新)

版本控制

该项目使用Git进行版本管理。

作者

itwangyang

鸣谢

MIT License Copyright (c) 2020 viarotel Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

开箱即用!基于uniapp cli模式集成最佳实践脚手架, 使用 uview2,uni-ui,tailwindcss,axios,uni-simple-router,z-paging 展开 收起
README
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/itwangyang_coder/uni-app-cli-setup.git
git@gitee.com:itwangyang_coder/uni-app-cli-setup.git
itwangyang_coder
uni-app-cli-setup
uni-app-cli搭建
master

搜索帮助