Cov txheej txheem:

Kuv yuav nruab react JS ntawm Windows li cas?
Kuv yuav nruab react JS ntawm Windows li cas?

Video: Kuv yuav nruab react JS ntawm Windows li cas?

Video: Kuv yuav nruab react JS ntawm Windows li cas?
Video: 1 tsug 13 hnub _part#2_phees lauj fullmusic MV 2022-2023 2024, Tej zaum
Anonim

Nruab ReactJS Windows

  1. git --version. Ua raws li:
  2. node --version. Ua raws li:
  3. npm --version. Txhua tus yuav tsum muab versions ntsia ntawm Qhov rai .
  4. npm install -g tsim- teb -app. Yog tias ua tiav, koj yuav tsum tuaj yeem tau txais version:
  5. tsim- teb -app --version.
  6. tsim- teb -app
  7. cd npm pib.
  8. Muab ua tiav!

Ua li no, koj yuav teeb tsa React ib puag ncig li cas?

Teeb tsa React Ib puag ncig

  1. Kauj ruam 1: Tsim ib qhov project folder hauv koj cov directory.
  2. Kauj ruam 2: Tsim ib cov ntaub ntawv package.json los tswj tag nrho cov nodependencies.
  3. Kauj ruam 3: Nruab webpack thiab webpack-dev-server.
  4. Kauj ruam 4: Tsim cov ntaub ntawv index.html.
  5. Kauj ruam 5: Configure webpack.config.js cov ntaub ntawv nyob rau hauv ib tug rootdirectory.
  6. Kauj Ruam 6: Nruab thiab teeb tsa Babel dependencies.

Kuv yuav ua li cas rau nruab react haiv neeg hauv Windows 10? Pib nrog React Native Development forWindows

  1. Kauj Ruam 1: Yam yuavtsum tau kawm uantej. Windows 10: Tam sim no, tsuas yog UniversalWindows Platform (UWP) cov ntawv thov raug txhawb nqa.
  2. Kauj Ruam 2: Pib Pib Koj Qhov Kev Pabcuam Native React. Qhib lub commandprompt: Yeej ces cmd.
  3. Kauj ruam 3: Configure Your Project for Windows Development. UseReactNative 0.41.0 hauv package.json.
  4. Kauj ruam 4: profit!

Ib yam li ntawd, nws raug nug, Kuv yuav pib ua JS li cas?

Teb Ua ntej converts JSX rau hauv Javascript file. Javascript cov ntaub ntawv yog rendered los ntawm tus browser uas ces ua rau HTML code.

Kauj Ruam 1: - Kev teeb tsa ib puag ncig

  1. Nruab Node.js thiab NPM.
  2. Nruab BABEL plugin.
  3. Nruab React.
  4. Nruab WEBPACK Bundler.

Yuav ua li cas rau nruab react app nrog NPM?

Tsim React App

  1. Pib tam sim ntawd. Koj tsis tas yuav nruab lossis configuretools zoo li Webpack lossis Babel.
  2. npx. npx create-react-app my-app.
  3. npm. npm init react-app my-app.
  4. Xov paj. yarn tsim react-app my-app.
  5. npm start or yarn start. Khiav lub app hauv hom kev txhim kho.
  6. npm test or yarn test.
  7. npm run build or yarn build.

Pom zoo: