1 Unstar Star 2 Fork 0

雅各布天梯 / mp-giaoTypeScriptMIT

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
微信小程序快速启动项目,开箱即用。 spread retract

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

💊 mp-giao

🚀 微信小程序快速启动项目

giao 就完事了

🍌 为什么要使用 mp-giao?

  • 为小程序添加typescript支持。官方的TS快速启动项目新建之后只有 tsc 编译,使用起来非常不方便
  • 为小程序添加css预处理器,原生的 wxss 功能简单,使用 Less / Sass 加快开发速度,增加样式代码可维护性和复用性
  • 在原生开发中,只要文件发生改变之后,不论你是否期望小程序重新编译,它都会自动编译。使用 npm run dev 命令开启监听文件变化自动构建,比较修改前后的代码,若没有发生变化则不用重新编译,这是原生开发不能做到的

如果你即将要开发一个小程序,放下你的犹豫, clone 这个项目,给你开箱即用的体验。

本项目使用了以下开源工具帮助开发

  • Gulp: 为了避免一个文件夹出现n个文件(.js, .ts, .json, .wxml, wxss, .less, .scss等),使用gulp构建分离src代码和dist代码
  • Less / Sass: 嵌套式写法,让结构一目了然,让你的样式层叠表更加强大 (选择其中一个使用即可,默认使用 Less)
  • ESLint: 规范团队代码
  • ColorUI: 高颜值的样式库

🎈 安装步骤

# 安装项目依赖
npm install

# 构建
npm run build

启动开发者工具导入项目预览即可

开发命令

# 开启监听自动构建
npm run dev

# 使用ESLint检查代码风格
npm run lint

扫码体验

MP GIAO二维码

🦄 自定义代码片段

为了加快开发和提供便捷,使用自定义文件夹代码片段文件

Page

快速生成页面代码

文件路径:.vscode/Page.code-snippets

触发关键词: giaop

Component

快速生成组件代码

文件路径: .vscode/Component.code-snippets

触发关键词: giaoc

💫 开发建议

框架选择

市面上有很多小程序,本小程序只针对微信小程序。若您需要多端小程序的开发,则建议使用uni-app、taro等框架。但是如果你只开发微信小程序,那么建议你选择原生开发!小程序的版本一直在迭代,使用原生开发可以第一时间使用最新特性,而且兼容性绝对是最好的。

兼容方案

如果你不习惯使用ts,css预处理器,你也可以使用 mp-giao ,你完全可以在.ts文件里编写js代码,也可以在.less、.scss等文件里编写wxss代码

📣 声明

  • 本项目基于 MIT 协议,请自由地享受和参与开源。
  • 有疑问欢迎 提issue, 我会尽量fix;

Comments ( 0 )

Sign in for post a comment

TypeScript
1
https://gitee.com/oloshe/mp-giao.git
git@gitee.com:oloshe/mp-giao.git
oloshe
mp-giao
mp-giao
master

Search

131423 f1aaba0b 1899542 094922 1c74bed3 1899542