All Projects → viarotel → vue-cli-uniapp

viarotel / vue-cli-uniapp

Licence: MIT license
基于vuecli模式的uniapp脚手架集成模板

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
CSS
56736 projects
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to vue-cli-uniapp

uniapp-tailwind-uview-starter
利用uniapp+tailwindcss 3.x+uview 1.x+vue-cli搭建的一套基础模板,可以使用Webstorm或者vscode开发。集成miniprogram-ci自动部署
Stars: ✭ 73 (-8.75%)
Mutual labels:  uniapp, uview
React-Pincode
A NPM module which auto fills City, District and State fields when a valid Zip Code in entered!
Stars: ✭ 26 (-67.5%)
Mutual labels:  axios
vue3-admin
admin-web后台管理项目骨架是基于vue3搭建起来的项目,前端ui库使用的是element-plus组件库,实现登录鉴权,动态菜单功能
Stars: ✭ 107 (+33.75%)
Mutual labels:  axios
GroupbuyCoupon
涵盖外卖、话费、视频会员、加油卡、礼品卡等多种品类折扣权益,吃、喝、玩、乐、购五大消费场景覆盖的综合权益卡券小程序,用户折扣购、平台赚佣金,个人、企业流量变现平台。
Stars: ✭ 92 (+15%)
Mutual labels:  uniapp
tongyimall
高仿小米商城用户端,是Vue + SpringBoot的前后端分离项目,包括首页门户、商品分类、首页轮播、商品展示、购物车、地址管理等部分。管理端在另一个仓库。
Stars: ✭ 55 (-31.25%)
Mutual labels:  axios
You-Dont-Know-Axios
Enrich documents for axios
Stars: ✭ 111 (+38.75%)
Mutual labels:  axios
vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+16102.5%)
Mutual labels:  axios
cute-http
一个基于axios封装的更易用的http库。
Stars: ✭ 18 (-77.5%)
Mutual labels:  axios
spiced-final-project
Career explorer platform developed in React.js in 6 days.
Stars: ✭ 14 (-82.5%)
Mutual labels:  axios
github-base
Simple, opinionated node.js interface for creating basic apps with the GitHub API.
Stars: ✭ 58 (-27.5%)
Mutual labels:  axios
beccaccino
Beccaccino is an easy, sexy, reliable, framework agnostic http client for redux that is ⚡️beccaccino fast!
Stars: ✭ 13 (-83.75%)
Mutual labels:  axios
vue-loading
Loading bar for Vue.js apps using axios
Stars: ✭ 19 (-76.25%)
Mutual labels:  axios
sdk-node
VULCAN UONET+ JavaScript SDK
Stars: ✭ 11 (-86.25%)
Mutual labels:  axios
gists
Methods for working with the GitHub Gist API. Node.js/JavaScript
Stars: ✭ 96 (+20%)
Mutual labels:  axios
note-vue
note-gin前端 后端地址 https://github.com/biningo/note-gin
Stars: ✭ 93 (+16.25%)
Mutual labels:  axios
douban-movie-electron
This is electron app for douban movie
Stars: ✭ 19 (-76.25%)
Mutual labels:  axios
diablo3-vue-platzi
👾 Diablo 3 Profile Finder - 👹. Using the Diablo III official APIs
Stars: ✭ 40 (-50%)
Mutual labels:  axios
cloud-music-mobile
This is a music player
Stars: ✭ 22 (-72.5%)
Mutual labels:  axios
vue-typescript-admin
Vue typescript 开发的基础模板,多页面支持,基础整合完毕。
Stars: ✭ 26 (-67.5%)
Mutual labels:  axios
ivew-admin
基于iview 的一套后台新零售后台系统,权限模块基于后台控制,前端进行配置映射,从而通过登录后台返回用户权限进行用户权限模块控制。基础信息与权限相关基于cookie实现
Stars: ✭ 32 (-60%)
Mutual labels:  axios

vue-cli-uniapp

基于uniapp cli模式集成最佳实践脚手架, ui库使用 uview(已配置全自动按需导入), css 框架使用 windicss(下一代css框架), 请求使用axios的方式(添加了uniapp适配器支持) 路由使用 uni-simple-router(同vue-router的api无须重新阅读文档,配置了路由自动生成) 查看预览地址(请将浏览器切换为手机模式打开,账号密码不为空即可,由于是免费的服务器,如遇打不开的情况,请多刷新几次)

Contributors Forks Stargazers Issues MIT License


viarotel

vue-cli-uniapp

基于VueCli模式的uniapp脚手架集成模板
探索本项目的文档 »

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

目录

上手指南

获取本项目

  1. clone 本项目 或 直接下载main包
git clone https://github.com/viarotel/vue-cli-uniapp.git

运行项目

任意编辑器直接运行本项目
  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 //windicss的配置文件
├── jsconfig.json //JavaScript语言服务的配置文件 代码提示 文件索引等问题
├── vue.config.js //vuecli配置文件
└── yarn.lock //yarn锁定依赖版本

使用到的框架和库

关键字

  • vue
  • uview
  • windicss
  • axios
  • vuex
  • uni-simple-router

版本控制

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

作者

[email protected]

qq:523469508 wx: viarotel

您也可以在贡献者名单中参看所有参与该项目的开发者。

版权说明

该项目签署了MIT 授权许可,详情请参阅 LICENSE

鸣谢

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].