Evmts bun example
EVMts now supports Remix now that Remix supports vite
Remix + EVMts. EVMts is an LSP and bundler used to import solidity contracts directly into your TypeScript code.
- Install Node Modules with bun, yarn, pnpm, or npm. To install bun run
npm install bun --global
bun install
- Run dev server
bun run dev
- Navigate to localhost:5173
EVMts works via a vite plugin. This includes:
-
EVMts configuration which is in the tsconfig.json.
-
Vite plugin configuration in the vite.config.ts
This enables bun to import solidity files. EVMts imports are simple JavaScript objects that have the ABI and then helper methods to generate arguments for contract calls and event filters.
EVMts LSP gives you language server functionality in your editor. In EVMts this includes many nice features
- Natspec comments on hover
- go-to-definition takes you directly to the solidity code that defined the contract method or event
- Etherscan links to your contracts on hover
Below is an example of go-to-definition support
EVMts works great with Ethers.js too. here is a simple example with ethers
Special steps are needed to get the LSP features working in VSCode. Most editors should work out the box but please open an issue if you run into trouble.
To use this plugin with Visual Studio Code, you should set your workspace's version of TypeScript, which will load plugins from your tsconfig.json file.
- Open a typescript file in your project in vscode
- Open command pallet +p or +p
- Select
>Typescript: Select TypeScript Version
in command pallet - Select
Use workspace version
You now should get all the EVMts LSP features such as natspec comments on hover and go-to-solidity-definition support
For more details see: Using the workspace version of TypeScript.
If you like Evmts give it a ⭐ at the Evmts monorepo
- Check out Next.js starterkit for an example of Evmts wagmi and Next
- Check out Vite starterkit for an example of Evmts wagmi and Vite