Jump to content

Development Community: Difference between revisions

From Bonfire Star Wiki
Phidao (talk | contribs)
Created page with "== Node == To check to see if you have node installed run the following command. <pre> node -v </pre> 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 <pre> choco install nodejs-lts </pre>"
 
Phidao (talk | contribs)
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Node ==
== 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 11: Line 13:
<pre>
<pre>
choco install nodejs-lts
choco install nodejs-lts
</pre>
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>
</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