8000 GitHub - birdyy79/useful-cli: 一个有用的前端脚手架,支持创建 微信小程序、vue、react 和 electron 项目
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

一个有用的前端脚手架,支持创建 微信小程序、vue、react 和 electron 项目

License

Notifications You must be signed in to change notification settings

birdyy79/useful-cli

 
 

Repository files navigation

useful-cli

一个有用的前端脚手架,支持创建 微信小程序vuereactelectron 项目,脚手架搭建过程可以看这篇掘金 blog

查看当前版本

    npx useful-cli -v

通过脚手架安装项目

    npx useful-cli create <app-name>

发布流程

  1. 修改 package.json 版本号,并将代码 push 到 github
git commit -m "xxxxx"
git push
  1. 删除项目中的依赖,然后打 tag,最后执行 npm publish 进行发布,执行 yarn deploy 带上部署描述 将完成前面的这些操作
yarn deploy 'xxxxx'

useful-cli 依赖介绍

用于设置终端字符串样式,比如需要输出一段红色字符串

console.log(chalk.red(`This is a string of red strings`));

fs-extra 是 fs 的一个扩展,提供了非常多的便利 API,并且继承了 fs 所有方法和为 fs 方法添加了 promise 的支持

const fs = require('fs-extra')
// 同步写法
try {
  fs.copySync('/tmp/myfile', '/tmp/mynewfile')
  console.log('success!')
} catch (err) {
  console.error(err)
}
// 异步写法
async function copyFiles () {
  try {
    await fs.copy('/tmp/myfile', '/tmp/mynewfile')
    console.log('success!')
  } catch (err) {
    console.error(err)
  }
}

path 模块用于处理文件或目录路径

path.resolve([...paths]):方法将路径或路径片段的序列解析为绝对路径。
path.join([...paths]):方法使用特定于平台的分隔符作为定界符将所有给定的 path 片段连接在一起,然后规范化生成的路径。
path.resolve(__dirname):返回被执行 js 文件的绝对路径
path.resolve(
    path.join(__dirname, 'template-typescript', 'wechat-miniprogram')
) // 返回被执行路径下的template-typescript/wechat-miniprogram的绝对路径

一组通用的交互式命令行用户界面。如下代码可在命令行中进行选择操作

    const { appType } = await inquirer.prompt([
        {
            name: 'appType',
            type: 'list',
            message: `Please select the type of project you want to create:`,
            choices: [{ name: '微信小程序', value: 'wechat-miniprogram' }],
        },
    ]);
    switch (appType) {
        case 'wechat-miniprogram':
            createWechatMiniprogram(name, options);
            break;
        default:
            console.log(chalk.red('unknow app type'));
            break;
    }

用于解析命令行参数,如下代码可获取命令行输入的参数

var argv = require('minimist')(process.argv.slice(2));
console.log(argv);

完整的 node.js 命令行解决方案。可用于配置命令具体处理函数

const { Command } = require('commander');
const program = new Command();
program
    .command('create <app-name>')
    .description(`Use ${chalk.green('useful-cli')} to create a new project`, {
        'app-name': 'project name',
    })
    .action((appName, options) => {
        if (minimist(process.argv.slice(3))._.length > 1) {
            console.log(
                chalk.yellow(
                    "\n Info: You provided more than one argument. The first one will be used as the app's name, the rest are ignored."
                )
            );
        }
        ...
    });

About

一个有用的前端脚手架,支持创建 微信小程序、vue、react 和 electron 项目

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 68.1%
  • TypeScript 22.4%
  • HTML 5.3%
  • Vue 2.8%
  • SCSS 1.3%
  • Shell 0.1%
0