Skip to content

Latest commit

 

History

History
13 lines (9 loc) · 1.21 KB

README.md

File metadata and controls

13 lines (9 loc) · 1.21 KB

Vue3 + Vite + Hardhat + WindiCSS Ethereum dApp skeleton

This is a very, very basic setup to get started with building dApps with Vue3, Vite, Hardhat and WindiCSS.

The basic setup is taken from Nader Dabits awesome post The Complete Guide to Full Stack Ethereum Development (see React code here). I just used Vite + Vue3 instead of React because a) I like Vue better than React and b) Vite is fast.

Installation

  1. Use the basic setup described in Naders blog post You'll need MetaMask for at least the local testing.
  2. Clone this repo via git clone [email protected]:HerrBertling/simple-vite-eth.git
  3. Run yarn to install all dependencies
  4. Follow the steps outlined in Naders blog post, but swap the React parts and use Vue instead.
  5. The fun stuff happens in the App.vue file, but I've just adjusted Naders code to Vue (and threw in a fetchGreeting on mounting the app). Also, the dev server starts with yarn dev, not with npm start as in the blog post.