Home

Awesome

miniprogram-template

Github Actions Status Travis Build Status Build Status

A wechat miniprogram template project the best practice with TypeScript and VSCode

[小程序模板最佳实践(TypeScript+VSCode),使用 miniprogram-build 工具构建]


Required [所需环境]

Quick Start [使用]

  1. create project [一键创建新项目]

点击 Use this template 一键使用此模板项,目或者使用命令行:

# 不指定`[本地目录]`则在当前目录创建,`-n`表示使用最新模板
npm create miniprogram NewFuture/miniprogram-template -n [本地目录]
# 或者
# yarn create miniprogram NewFuture/miniprogram-template -n [本地目录]
  1. start [在项目文件下运行]
#cd [本地目录名]
npm start
# 或者
# yarn start

正常启动后调试工具会自动打开dist预览

Script [命令]

npm 可以用 yarn 代替

全部快捷命令package.json

Multiple env [多环境设置]

每个环境可进行不同配置(可按需增加或减少环境配置)

如果只有一个环境可删除 env目录直接使用 .mpconfig.jsonc进行配置

Coding [编码]

Languages [编程语言]

js

wxml

wxss

json

wxs

Editor [编辑器]

使用VSCode,并自动安装推荐插件

  1. 首次使用根据提示自动安装推荐插件
  2. 所有插件已配置好,会自动进行代码检查提示,保存时自动修复
  3. 新建 Page,Component,wxs会自动生产模板文件(可修改模板)

CI [持续集成]

默认已经配置完 Auzre Pipelines 和 Travis CI 以及 Github Actions,可按需开启和修改