33 lines
No EOL
1.4 KiB
Markdown
33 lines
No EOL
1.4 KiB
Markdown
# @woocommerce/extend-cart-checkout-block
|
|
|
|
这是一个与 `@wordpress/create-block` 配合使用的模板，用于创建 WooCommerce 区块扩展的起点。
|
|
|
|
## 安装
|
|
|
|
您可能需要安装一个 node 版本管理器，例如 [`nvm`](https://github.com/nvm-sh/nvm) 或 [`fnm`](https://github.com/Schniz/fnm)
|
|
|
|
在开始之前，请切换到 Node v20。
|
|
|
|
例如：`nvm install 20 && nvm use 20` 或 `fnm install 20 && fnm use 20`
|
|
|
|
在您的 `plugins` 目录下运行：
|
|
|
|
```sh
|
|
npx @wordpress/create-block -t @woocommerce/extend-cart-checkout-block your_extension_name
|
|
```
|
|
|
|
完成后，转到您的 WordPress 插件页面并激活该插件。
|
|
|
|
向购物车添加一些商品并访问结账区块，您会注意到该区块上添加了此模板提供的额外数据。
|
|
|
|
### 代码检查
|
|
|
|
您可以通过运行 `npm run lint:js` 来根据 [WordPress 编码标准](https://developer.wordpress.org/coding-standards/wordpress-coding-standards/javascript/) 对项目进行代码检查。配置最终从 [WooCommerce 推荐的 eslint 配置](https://github.com/woocommerce/woocommerce/blob/trunk/packages/js/eslint-plugin/configs/recommended.js) 读取。要修改规则，请编辑 `.estintrc.js` 文件。
|
|
|
|
### 安装 `wp-env`（可选）
|
|
|
|
`wp-env` 可让您轻松设置本地 WordPress 环境，用于构建和测试您的扩展。如果您想使用 `wp-env`，需要运行以下命令：
|
|
|
|
```sh
|
|
nvm use && npm i -D @wordpress/env && npm set-script wp-env "wp-env"
|
|
``` |
