Development Community: Difference between revisions
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
== | == React == | ||
Below is very rough, I'm in the middle of learning how to use React for the first time. | |||
To check to see if you have node installed run the following command. | To check to see if you have node installed run the following command. | ||
| Line 14: | Line 16: | ||
After installation, you'll need to restart PowerShell (or any other terminals) before you can run "node -v". | After installation, you'll need to restart PowerShell (or any other terminals) before you can run "node -v". | ||
In your folder, you can run the following command to create a React project. | |||
<pre> | |||
npm create vite@latest zen-writer -- --template react | |||
</pre> | |||
If you run the command in Visual Studio Code, it will go through the process of creating, installing packages, and running the project for you. Otherwise, the command sequence would look something like this. | |||
<pre> | |||
npm create vite@latest zen-writer -- --template react | |||
cd zen-writer | |||
npm install | |||
npm install lucide-react | |||
</pre> | |||
Command for writing the running the application | |||
React components goes into "/src/App.jsx". The webpage goes into "index.html". | |||
<pre> | |||
npm run dev | |||
</pre> | |||
Latest revision as of 22:38, 28 November 2025
React
Below is very rough, I'm in the middle of learning how to use React for the first time.
To check to see if you have node installed run the following command.
node -v
If you don't have NodeJs installed, one way to do this is by using Chocolatey. You'll want to open PowerShell in admin mode and run the following command
choco install nodejs-lts
After installation, you'll need to restart PowerShell (or any other terminals) before you can run "node -v".
In your folder, you can run the following command to create a React project.
npm create vite@latest zen-writer -- --template react
If you run the command in Visual Studio Code, it will go through the process of creating, installing packages, and running the project for you. Otherwise, the command sequence would look something like this.
npm create vite@latest zen-writer -- --template react cd zen-writer npm install npm install lucide-react
Command for writing the running the application
React components goes into "/src/App.jsx". The webpage goes into "index.html".
npm run dev