VSCode Extension React Starter

VSCode extension template of webview using React(CRA) 🚀

Feature

• React
• Create React App
• TypeScript
• React Intl React i18n library
• Ant Design Ant Design with React
• webview-rpc Communication tool for VSCode extension with its webviews
• vscode-nls-i18n VSCode library for supporting i18n
• ESLint
• Prettier

Multiple webivew entry

If your extension have multiple webview provider, need to build multiple js&css, so that provid the multi-entry branch to handle this case.

This branch modifies the build configuration of CRA through the eject command.

git checkout -b multi-entry origin/multi-entry

Start

# 0. Clone project
git clone https://github.com/LinLzis/vscode-extension-react-starter.git

# 1. Install dependencies
yarn

# 2. build webview
yarn build-webview

# 3. Extension package
npx vsce package

License

MIT @AvrilLi