实现一个微信小程序模板生成脚手架

最新推荐文章于 2024-03-30 09:37:32 发布

代码弹指间

最新推荐文章于 2024-03-30 09:37:32 发布

阅读量521

点赞数

分类专栏：小程序文章标签：小程序 javascript node.js

本文链接：https://blog.csdn.net/qq_34792916/article/details/112292170

版权

本文介绍了如何使用Node.js和相关库（inquirer.js、fs、ora、chalk）实现一个命令行交互式的微信小程序项目模板生成器。通过该脚手架，用户可以自定义配置项如工程名、appid和基础库版本，生成定制化的项目模板，同时封装了网络请求并提供了npm发布流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想要做什么：
通过脚本的方式创建小程序项目模板通过交互的方式输入配置项
如：mp-wx-cli init

思路：
拿到终端的输入 key
得到key 之后复制准备好的模板
更改 json 文件中的配置项，如工程名，appid 选择基础库版本等
生成项目模板

通过上述思路，我们可以开始着手写我们的模板脚手架

创建项目

 npm init

创建脚本文件,编写代码

//伪代码
#!/usr/bin/env node  //运行环境node
const cli = async(args) => {
  //如果是 init  key 执行 create
if(args === 'key'){

create()
}
   
}


 exports.cli = cli

编写创建模板脚本

 //伪代码
async function create(props){
   const { projectName,appId,libVersion } = props
fs.mkdirSync(`${projectName}`) //创建项目文件
  await copyTemplate(`./${projectName}`)  //复制模板
 
 // 读取 模板 project.config.json 文件  更改配置信息
       const wecahrtConfig = await readWechartProjectConfigJson()
       wecahrtConfig.appid = appId
       wecahrtConfig.pr