More Premium Hugo Themes Premium Vue Themes

Uniapp Scaffold

基于Vue.js的跨平台小程序脚手架、设计语言、组件库及插拔式模板

Uniapp Scaffold

基于Vue.js的跨平台小程序脚手架、设计语言、组件库及插拔式模板

Author Avatar Theme by mukuashi
Github Stars Github Stars: 98
Last Commit Last Commit: Jun 6, 2021 -
First Commit Created: May 5, 2023 -
default image

Overview

The uniapp-scaffold is a cross-platform mini-program scaffold and plug-in template based on Vue 2.x. It provides over 20+ basic and business components based on the WeChat visual guidelines, including a custom request library, utils, theme customization, Vuex global data management, and internationalization configuration. This application framework allows for quick implementation of business needs. The features of this scaffold include comprehensive component and tool libraries for developing mini-programs (mainly), H5, and apps. It has a low learning curve with a single codebase written in Vue 2.x.

Features

  • Comprehensive component and tool library for developing mini-programs, H5, and apps
  • Low learning curve with Vue 2.x syntax and easy implementation of business pages
  • Plug-in architecture with custom request library, utils, theme customization, Vuex global data management, and internationalization configuration

Installation

To use the uniapp-scaffold, follow these steps:

  1. Use the following command to install the project:
git clone [project URL]
  1. If using HBuilderX IDE:
  • Download and install the respective platform development tools (IDE) from https://uniapp.dcloud.io/quickstart.
  • Import the current project (uni-app type) into HBuilderX.
  • Modify or update the current configuration in the manifest.json and pages.json files.
  • Configure plugins by clicking on the plugin management in the menu bar, and install the required plugins and loaders (scss, babel, es6, etc.) using yarn.
  1. If using CLI mode:
  • Convert the HBuilderX project to a vue-cli project by copying all the files from the HBuilderX project (except unpackage and node_modules directories) into the src directory of the vue-cli project.
  • Install npm dependencies in the vue-cli project.
  • Run the following command for building the app based on the desired platform:
    • For main package mode:
    yarn build:mp-weixin
    
    • For subpackage mode:
    yarn build:mp-weixin --subpackage=[fileName]
    

Summary

The uniapp-scaffold is a versatile mini-program scaffold and plug-in template based on Vue 2.x. It provides a comprehensive library of components and tools for cross-platform development and has a low learning curve. With features like custom request library, theme customization, Vuex global data management, and internationalization configuration, it allows for fast and efficient development of business pages.