Difference between revisions of "React Setup"
Jump to navigation
Jump to search
Line 8: | Line 8: | ||
'''code . # will open visual studio code in that directory''' <br /> | '''code . # will open visual studio code in that directory''' <br /> | ||
''' Create a 'src' folder ''' <br /> | ''' Create a 'src' folder in the project folder''' <br /> | ||
mkdir src | |||
''' create an 'index.html and index.js' in the src folder ''' <br /> | ''' create an 'index.html and index.js' in the src folder ''' <br /> | ||
--initialize babel and webpack files -- | |||
# on the root dir create a file | |||
.bablerc | |||
npx create-react-app my-app # this does not install it globally | npx create-react-app my-app # this does not install it globally |
Revision as of 19:16, 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 in the project folder
mkdir src
create an 'index.html and index.js' in the src folder
--initialize babel and webpack files --
- on the root dir create a file
.bablerc
npx create-react-app my-app # this does not install it globally cd my-app npm start
Check if npm is installed
npm --version