@abernier/create-sandbox 中文文档教程

Question

它是 codesandox 但作为本地命令行！

创建标准 CRA 的命令，但是：

• with a random project-name (if no-one given)
• launch VScode automatically on src/App.js
• choose a random port between [3000..4000] to launch the localhost hot-reload server

Usage

以下命令将创建一个新的 random-name-2345 项目到 .

$ npm init @abernier/sandbox

或

$ yarn create @abernier/sandbox

Alternative usage

Specify a existing folder

$ npm init @abernier/sandbox ~/tmp

random-name-2345 将在 ~/tmp 中创建，您的 CRA 将创建到其中。

Specify a non-existing folder

$ npm init @abernier/sandbox ~/code/rosie

将创建一个 rosie 文件夹，并将您的 CRA 创建到其中。

注意：这里没有随机名称，因为您指定了一个不存在的文件夹名称

npx

或者您可以：

$ npx @abernier/create-sandbox

但这不太酷

Publish to NPM

准备好将新版本发布到 NPM 注册表了吗？

Manually

1. bump the package.json version
2. npm login if not already
3. npm publish

如果成功，您应该标记版本：

$ git add package.json
$ git commit -m "bump version"
$ git tag v1.0.1
$ git push --tags

Using CI workflow

先决条件：

1. Generate a new NPM access token on npmjs.com (you need a NPM account and be logged-in)
2. Set it as NPM_TOKEN secret (in Settings > Secrets and as referenced into ci.yml file)

---

然后，在 npm 上发布新版本:

1. bump the package.json version
2. then, create a new realese and wait for the ci publish it :)