Cov txheej txheem:

Kuv yuav siv react li cas hauv Visual Studio?
Kuv yuav siv react li cas hauv Visual Studio?

Video: Kuv yuav siv react li cas hauv Visual Studio?

Video: Kuv yuav siv react li cas hauv Visual Studio?
Video: [HD] Kristine Xiong Lub Sijhawm with Lyrics 2024, Kaum ib hlis
Anonim

js thiab Teb app - Visual Studio | Microsoft Docs.

  1. Hauv Solution Explorer (txoj cai pane), txoj cai-nias lub npm node hauv qhov project thiab xaiv Nruab New npm Pob.
  2. Nyob rau hauv nruab Tshiab npm Pob dialog box, tshawb rau lub teb pob, thiab xaiv Install Package rau nruab nws.

Ib yam li ntawd, koj tuaj yeem nug, Visual Studio puas txhawb nqa?

Teb yog ib lub tsev qiv ntawv JavaScript nrov uas tsim los ntawm Facebook rau kev tsim web application user interfaces. Cov Visual Studio Code editor txhawb React . js IntelliSense thiab code navigation tawm ntawm lub thawv.

Ib yam li ntawd, kuv yuav ua li cas rau nruab react haiv neeg code hauv Visual Studio?

  1. Nruab React Native (thiab nws qhov kev vam khom) Nruab Chocolatey.
  2. Ntxiv ANDROID_HOME ib puag ncig hloov pauv. Ntxiv lub platform-cov cuab yeej nplaub tshev rau PATH.
  3. Tsim React Native Project. Kev xaiv #1: Siv React Native CLI.
  4. Nruab Visual Studio Code. Nruab React Native Tools.
  5. Koj thawj React Native App.
  6. Xaus.

Ua raws li qhov kev pom no, kuv yuav ua li cas thiaj li khiav qhov kev pab cuam cuam tshuam?

Challenge Overview

  1. Kauj Ruam 1: - Kev teeb tsa ib puag ncig. Nruab Node.
  2. Kauj ruam 2: Tsim cov ntaub ntawv qhov project.
  3. Kauj ruam 3: Kho lub webpack thiab babel.
  4. Kauj ruam 4: Hloov tshiab package.json.
  5. Kauj ruam 5: Tsim cov ntaub ntawv Index.html.
  6. Kauj ruam 6: Tsim React tivthaiv nrog JSX.
  7. Kauj ruam 7: Khiav koj (nyob zoo ntiaj teb) app.

Webpack siv rau dab tsi?

Webpack yog ib qho zoo li qub module bundler rau cov ntawv thov JavaScript - nws yuav siv tag nrho cov cai los ntawm koj daim ntawv thov thiab ua rau nws siv tau hauv web browser. Modules yog reusable chunks ntawm code tsim los ntawm koj app's JavaScript, node_modules, dluab, thiab CSS styles uas tau ntim tau yooj yim. siv hauv koj lub vev xaib.

Pom zoo: