Jump to content

Development Community: Difference between revisions

From Bonfire Star Wiki
Phidao (talk | contribs)
Phidao (talk | contribs)
Line 1: Line 1:
== Node ==
== React ==


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 14:


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>

Revision as of 22:04, 28 November 2025

React

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