Difference between revisions of "React Setup"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
* Install Node | * Install Node | ||
* React dev tools for Chrome (optional) | * React dev tools for Chrome (optional) | ||
-- Setting up a react project -- | |||
npm init -y # | npm init -y # | ||
npm install react react-dom | npm install react react-dom | ||
npm install @babel/core babel-loader @babel/preset-env @babel/preset-react | npm install @babel/core babel-loader @babel/preset-env @babel/preset-react | ||
npm install webpack webpack-cli webpack-dev-server | npm install webpack webpack-cli webpack-dev-server | ||
code . # will open visual studio code in that directory | code . # will open visual studio code in that directory | ||
''' Create a 'src' folder ''' | ''' Create a 'src' folder ''' | ||
''' create an 'index.html and index.js' in the src folder ''' | ''' create an 'index.html and index.js' in the src folder ''' | ||
npx create-react-app my-app # this does not install it globally | npx create-react-app my-app # this does not install it globally | ||
cd my-app | cd my-app | ||
Revision as of 19:12, 10 February 2021
- Install Node
- React dev tools for Chrome (optional)
-- Setting up a react project --
npm init -y # npm install react react-dom npm install @babel/core babel-loader @babel/preset-env @babel/preset-react npm install webpack webpack-cli webpack-dev-server
code . # will open visual studio code in that directory Create a 'src' folder create an 'index.html and index.js' in the src folder
npx create-react-app my-app # this does not install it globally cd my-app npm start
Check if npm is installed
npm --version