This is a template Fable project for me which uses Vite 3 so you can easily get started and add your own code progressively.
- dotnet SDK 6.0 or higher
- node.js
- An F# editor like Visual Studio, Visual Studio Code with Ionide or JetBrains Rider
- Install dependencies:
npm install - Run the app:
npm start - Build the app for deployment:
npm run build
Any modification you do to the F# code will be reflected in the web page after saving.
Make sure to read the excellent Elmish Book by Zaid Ajaj. I would like to personally thank Zaid for everything he has done for F# Community.
.
├── Nuget.Config
├── README.md
├── package-lock.json
├── package.json - JS dependencies
├── build - Ready to deploy files when you run `npm run build`
├── dist - Compiled JS from F# file
├── index.html - Main HTML file
├── vite.config.js - config for vite
├── tailwind.config.js - config for tailwind
├── public
│ ├── favicon.ico - Fable favicon
└── src
├── Main.fs - F# kickstarting elmish
├── Extensions.fs - F# helper functions from Feliz template
├── App.fs - F# sample Elmish with commands
└── App.fsproj - F# project
Commands for that:
- femto install Fable.Elmish
- femto install Fable.Elmish.React
- femto install Feliz
- femto install Feliz.DaisyUI
- npm i -D vite