This is a template to be used with @wordpress/create-block to create a WooCommerce Blocks extension starting point.
You may need to install a node version manager, for example nvm or fnm
Before getting started, switch to Node v20.
e.g. nvm install 20 && nvm use 20 or fnm install 20 && fnm use 20
From your plugins directory run:
npx @wordpress/create-block -t @woocommerce/extend-cart-checkout-block your_extension_nameWhen this has completed, go to your WordPress plugins page and activate the plugin.
Add some items to your cart and visit the Checkout block, notice there is additional data on the block that this template has added.
You can lint the project according to the WordPress coding standards by running npm run lint:js. The configuration is ultimately read from the WooCommerce recommended eslint config. To modify the rules edit the .estintrc.js file.
wp-env lets you easily set up a local WordPress environment for building and testing your extension. If you want to use wp-env, you will need to run the following command:
nvm use && npm i -D @wordpress/env && npm set-script wp-env "wp-env"