Posted in react
730
2:53 am, February 6, 2025
 

Create a React App with Vite and TypeScript on Windows

This assumes that you already have the latest node installed, i had some issues as i had an old version installed and had to manually delete it. 

You can check the version of node by typing node -v in terminal. For some reason i had an ancient version of 11 or something, it must have been installed with something else. 

In Powershell

  • WIN + X
  • Terminal Admin

cd to your code directory, that you want the react and vite site

Im using D:\code\react

d:

cd "d:\code\react"

For some reason i have to use npm.cmd as npm does not work by its self on windows for me..

npm.cmd create vite@latest

select React from the list

then select TypeScript from the list

Now if you are using VSCode type in

code .

In VSCode open a terminal window

and type the following

npm run dev

This should launch the new application in the terminal. 

Now you can load the provided url in your browser to see the default app.

Browser View

Now i just have to figure out how to use it! :)

Following this tutorial so far: https://www.youtube.com/watch?v=SqcY0GlETPk

View Statistics
This Week
32
This Month
32
This Year
5635

No Items Found.

Add Comment
Type in a Nick Name here
 
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote
For a long time it had seemed to me that life was about to begin - real life. But there was always some obstacle in the way, something to be gotten through first, some unfinished business, time still to be served, or a debt to be paid. Then life would begin. At last it dawned on me that these obstacles were my life.
Alfred D. Souza
Random CSS Property

grid-template-areas

The grid-template-areas CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.
grid-template-areas css reference