npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@antmove/alipay-wx

v1.2.5

Published

transform alipay miniprogram to wx miniprogram tool.

Downloads

104

Readme

alipay-wx-plugin

介绍

  • 支付宝转微信小程序插件

一键实现支付宝小程序项目到微信小程序的迁徙,不再为重复开发而烦恼。

目录

  • 安装
    • VsCode 转换插件
    • VsCode 编译步骤
    • 使用 npm 或 yarn 安装
  • 快速开始
    • 命令行使用
    • 命令行参数说明
    • Node.js 使用方式
  • API
    • transformFramework
    • App
  • 贡献
  • 协议
  • 联系

安装

vscode 转换插件

在 vscode 扩展中搜索 Antmove 下载安装 Antmove vscode 转换插件实现一键转换。

VsCode 编译步骤

  • 安装扩展(Antmove - antmove-vscode-plugin)

  • 在 VsCode 中打开要转换的项目

  • 打开 VsCode 命令面板

    • Mac: command + shift + p
    • Windows: ctrl + shift + p
  • 输入 Antmove

  • 运行 Antmove: Run antmove alipay-wx 命令,实现支付宝小程序到微信小程序的转换

  • 运行如上命令后会给出一个弹窗,选择转换后生成代码存储目录

  • 转换完成

  • antmove-vscode-plugin

本插件依赖于 vscode 代码编辑器,安装了 vscode 的用户才能使用。

使用 npm 或 yarn 安装

我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。

  • 全局安装
$ npm install antmove -g
  • 本地安装
$ npm install antmove --save

如果你的网络环境不佳,推荐使用 cnpm

快速开始

命令行使用

npm i -g antmove

通过 npm 或 yarn 全局安装才能使用如下命令行

  • antmove alipay-wx(使用前请将终端切换到需转换编译的支付宝小程序项目路径)
antmove alipay-wx
  • antmove - 该命令更加灵活,可配置输出输出目录/编译模式等
antmove alipay-wx -i ./alipay-mini/project -o ./dist/wechat-mini/project --env development

如上的命令表示将 ./alipay-mini/project 支付宝小程序项目转换为微信小程序项目,转换到 ./dist/wechat-mini/project 目录 如果你不想输入参数,可以体验交互式的命令方式,执行 antmove 即可。

命令行参数说明

  • --type,-t
    • 可选,(alipay-wx),选择编译工具,此参数代表选择的支付宝转微信的工具
  • --input,-i
    • 可选,编译源码目录,如果不传则是当前目录
  • --output,-o
    • 可传,编译输出目录
  • --component,-c
    • 可传,组件纬度转换,可单独组件或插件
  • --env,-e
    • 可选(development/production),编译模式,生产模式代码会压缩,无编译日志及运行时日志

Node.js 使用方式

示例

const path = require('path');
const transformFramework = require('antmove');
const AlipayPlugin = require('@antmove/alipay-wx');

let outputPath = path.join(__dirname, '../../dist', '/wechatmini-demo');
let inputDirPath = path.join(__dirname, '../../examples/miniprogram-demo/miniprogram');

const App = transformFramework();

App.use(
    AlipayPlugin, 
    {
        entry: inputDirPath,
        dist: outputPath,
        env: 'development'
        type: 'alipay-wx'
    })
    .start();

API

transformFramework

工具实例生成函数。

const transformFramework = require('antmove');
const App = transformFramework();   // 得到的 app 实例即可进行转换处理操作

App

  • use | Function - App.use(plugin, pluginOptions) - 挂载插件到实例上,可挂载多个,按挂载顺序执行
    • plugin: 转换插件
    • pluginOptions: 转换插件配置项
      • entry | String - 转换源码目录
      • dist | String - 转换后代码输出目录
      • env | String - 编译环境设置(env/prod)
        • 默认值为生产环境
  • start | Function - 开始编译操作

贡献

欢迎参与 Antmove 项目的开发建设和讨论。

提交 pull request 之前请先提 Issue 讨论.

协议

GPL

联系

如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助。