Weapp Boilerplate

screenshot of Weapp Boilerplate

一个为微信小程序开发准备的基础骨架。A boilerplate application for wechat weapp runtime.

Overview

微信小程序骨架 (WeChat Mini Program Skeleton) is a basic skeleton designed for developing WeChat mini programs. It provides several features to streamline the development process and improve efficiency.

Features

  • Development and Production Separation: The skeleton allows developers to separate development and production stages, making it easier to manage and deploy the mini program.
  • Automatic Generation of New Pages: The skeleton automates the process of generating new page files and adds them to the configuration.
  • Standard Code Style: All JavaScript and JSON files are validated against the Standard Code Style.
  • Comment Support for JSON Configuration: During the development stage, JSON configuration files can include comments for easy reference.
  • Integrated Documentation: The skeleton includes documentation within the code, reducing the need to constantly refer to external documentation.
  • LESS Styling Support: The skeleton supports using LESS for styling during the development stage.
  • ES2015 Features Support: The skeleton uses Babel to automatically transpile ES2015 features, allowing developers to use the latest JavaScript syntax.
  • XML File Extension: During the development stage, the skeleton uses the XML file extension instead of the default WXML extension to avoid configuration issues in development tools.
  • Source Map Support: The skeleton includes Source Map support for easier debugging.
  • Travis CI Integration: The project can be cloned locally and dependencies can be installed using Travis CI.
  • NPM Dependency Management: NPM dependencies can be managed during the development stage.

Summary

The WeChat Mini Program Skeleton is a useful tool for developing WeChat mini programs. It provides features such as automatic generation of new pages, code style validation, and easy configuration management. With support for modern JavaScript syntax and LESS styling, it helps improve the development process and productivity.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.