Skip to content

Latest commit

 

History

History
35 lines (28 loc) · 1.48 KB

File metadata and controls

35 lines (28 loc) · 1.48 KB

Profile

This is my personal website keliumju.com, here going to share anything :3

Usage local development

  1. Install in vscode the extension C# Dev Kit
  2. Install the .net 8 SDK in ubuntu:
  sudo apt-get update && \
  sudo apt-get install -y dotnet-sdk-8.0
  1. Open the project and go to run and debugger in vscode (CTRL + D) and use the C#: Profile default option
  2. Enable the Hot reload: Go to project files $ cd ~/profile/Profile and run $ dotnet watch
  3. Install TailwindCSS v4.0 TailwindCSS 4.0
  4. To enable the tailwind compilation run in another terminal npx tailwindcss -i ./Styles/input.css -o ./wwwroot/styles.css --watch

VSCode user settings(for better dev experience with .net blazor web apps)

  1. Go to User settings.json
  2. Add the next setup for tailwind intellisense in .razor files and better autocomplete only with tab key:
  "editor.acceptSuggestionOnEnter": "off",
  "editor.acceptSuggestionOnCommitCharacter": false,
  "editor.wordBasedSuggestions": "off",
  "editor.suggest.showKeywords": false,

  "tailwindCSS.experimental.classRegex": ["class: \"(.*)\""],
  "tailwindCSS.includeLanguages": {
      "razor": "html"
  },

That is all 🎉🎉