Это видео недоступно.
Сожалеем об этом.
How To Setup & Run React Native App on Android Emulator from Terminal and edit In Visual Studio Code
HTML-код
- Опубликовано: 12 авг 2024
- Sign Up 👻👻👉 semicolon.dev/RUclips
(We're free online community, meet other makers!)
How to install Chocolatey: (copy and paste that code into cmd.exe)
semicolon.dev/windows/how-to-...
How to install Chocolatey in PowerShell:
• How To Install Chocola...
How to install Chocolatey in cmd.exe:
• How to install Chocola...
#reactnative #android #visualstudiocode Hey guys in this tutorial I'll show you how to setup and run your first React Native app from Terminal (command line) with Android Emulator in Visual Studio Code or Android Studio.
How To Setup React Native on Windows
Video Chapters:
==============
00:00 Intro
00:56 Node 14 and JDK11
01:23 Install Chocolatey
03:26 Use Choco to install Node LTS and JDK 11
03:57 Download Android Studio
04:20 Install Android Studio
05:27 Setup Android SDK for React Native development
07:30 Set up ANDROID_HOME SDK PATH Environment Variables
08:42 Use PowerShell to verify ANDROID_HOME properly set
09:13 Add platform-tools to Environment Variables PATH
10:02 Important: Uninstall previous react-native-cli to avoid errors
10:37 Setup Android Device Emulator (Pixel 3,4,5 or XL)
11:22 How to Start Android Emulator
11:36 How to Launch React Native App in Android Emulator in Terminal from Command Line on Windows 10 or 11
12:12 How to open React Native app in VSCode
12:59 How to Run React Native app from command line with npm start
13:09 How to launch React Native App in Android Emulator from Terminal in VSCode
13:53 How to run React Native Hello World Example App in Android Emulator from VSCode
14:16 Hot Reload
Here is a list of unique Android emulator names that are available in Android Studio:
==============
Genymotion
BlueStacks
Nox
MEmu
LDPlayer
Andy
Remix OS Player
Keywords you might be entering to find this video
==============
how to run a react native app in android studio
run react native app in visual studio code
how to run react native project in visual studio code
how to run react native app in visual studio code mac
how to run react native app from visual studio code
command to run react native app in visual studio code
how to run react native code in visual studio code
how to install react native in visual studio code
how to run react native app in visual studio
how to run react native app in visual studio code
how to run emulator in visual studio code react native
how to run react native program in visual studio code
how to run react native app in visual studio code on windows
how to use react native in visual studio code
Yes Yes Yes.... This is exactly what I wanted....been stuck with this for the past two days I was about to buy another machine😂😂😂😂😂You saved me €850.
Thank you!! Following your tutorial works, especially setting up environment variables correctly. Thank you!
Excellent work, well done. Worth mentioning react native doctor command if something goes south throughout the process.
I'm so happy I stumbled into you. It's working like a miracle.
Really nice and straight forvard tutorial.
Thak you.
Thanks buddy💚
Thank you so much for this
Thank you for your excellent explanation , I hope i see more video from you❤
setting up environment variable correctly,
thank you!
Thankyou very much .
Hi, dear friend Many thanks for sharing this video is really useful..!🥳
Hope to do more .!
Success in your projects..!
The voice and explanations are simple and accurate no more no less..! is odd to find someone teaching like you .
Highly recommended.
Thanks!
Why i don’t have app.js after initializing a file.
Powershell can't find the projects path what should I do?
for some reason, i dont seem to have an android directory whenever i create a react native project :/
My man you literally saved my life, if ww3 happens, you can use me as a human shield
lol
Wait what if I installed react native CLI without any issues in the first place? Do I still need to uninstall it?
Where do i create the projects folder? I can't find it in my terminal
Sir how to open and run existing folder code downloaded from Github
Are the sdk packages still the save version number or can i use the most recent (ver 34)
Great Jop, I followed all steps carefully and hat absolutely no errors and in my term, erverything works fine. thanks a lot bro ande pls keep going!
thank you so much bro ♥ - you deserve more i like your style to explain - can you make more tutorial about react native
do u know by any chance why when im trying to do "cd projects" in Command Prompt it says that system cant find the path like i mean what part of video i messed up lol
Thank you excellent guide!
thx bro
Thank youuu so much for amazing explanation ✨
Cant we edit or code react native apps in android studio ??
Why am I not getting App.js file???
Thank you brother😍
Thank you!!
do u know by any chance why when im trying to do "cd projects" in Command Prompt it says that system cant find the path like i mean what part of video i messed up lol
@@kawaamobus9252 did you create a folder called "projects"? The command CD means "go to that folder" and it's followed by the name of the folder you want to acess
IN LAST I AM SEEING APP.TSX NOT APP.JS WHY?----I have blank screen on emulator....pls help to fix this...build was successful though
when you run an emulator in Android Studio, you can just connect them by npm start and enter a at window prompt now.
thank you so much yaar....
Welcome :)
Where is discription please make it clear
does Andriod studio work on 8gb, 2.5ghz
berhasil mantap lov u pak
I'm so pained cause why does he have such a tiny zoomed out view for part of the video I can't see anything
bro without android studio , how to setup react native emulator ??
thanks, your guidline has solved my problem not found on mega platforms like stack overflow and etc.
Thanks once again.
do u know by any chance why when im trying to do "cd projects" in Command Prompt it says that system cant find the path like i mean what part of video i messed up lol
Sorry mate, that didn't work it still says that there's no apps connected
Please help with this error
new expo.modules.filesystem.FileSystemPackage(),
^
symbol: class FileSystemPackage
location: package expo.modules.filesystem
After running virtual device black screen shows please can someone tell me how can I fix this? I did everything like wipe data cold boot but nothing worked
I'm experiencing same issue, were you able to fit it ?
thak you so much bro, you saved my life
Probably not :) But glad tutorial helped.
oh god such a great tutor, i just following the react native documentations but i got stuck on instalation SDK android studio. Thanks man!
Error Failed to launch emulator. Reason : It took to long to start and connect with and cal\Android\sdk\emulator\emulator @pixel_4_xl_API_30
How can I solve that
If you are trying to relaunch your project, it could be because your android emulator has that file opened. Close it and npm run android again
@@igniteflux4261 Thanks
Task 'installDebug' not found in project ':app'. React native 0.71 version
same
Did you solve it?
Got to 13:17 and get this when I run the command: info JS server already running.
The filename, directory name, or volume label syntax is incorrect.
info Launching emulator...
error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`. //This is the issue I am facing :(
warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch.
info Installing the app...
Checking the license for package Android SDK Tools in C:\Users\Lucas\AppData\Local\Android\Sdk\licenses
License for package Android SDK Tools accepted.
Preparing "Install Android SDK Tools (revision: 26.1.1)".
100% CONFIGURING [20s]
> IDLE
how did you fix this issue?
Pls when i create "npx react-native init hello_world" than In the hello_world folder there is no App.js file
there probably is an App.tsx file
have you found where is this file?
it is App.tsx@@reema7892
I have created the application, but the app.js file is created as app.tsx
same case happened to me, since am not familiar with Typescript, so I renamed the file from app.tsx to app.jsx it worked perfectly without any errors and running smoothly
you're my god tbh
😮
What if the react-native project is old? like how to run the existing react-native project with react-native version 0.55.4 in window 10?
yo dude stop eating ur mic😅
😂
IN LAST I AM SEEING APP.TSX NOT APP.JS WHY?
same here
When I make a react-native app via cmd line, it makes all the files except for app.js any reason why?
mine didnt work as easy as in this video. i had to edit environment settings and path to add android_home, android sdk, java_home variables. also many components like gradle and java versions have compatibility issues.
Yes, I have also same problem
at 12.38-----> i have followed all the steps as given but i cant see any app.js file there instead it shows app.tsx how to fix this
Good afternoon! I have two questions: Do older versions of Android Studio consume less CPU and RAM? If yes, can I use an older version without any conflicts?
is this still valid or?
i got Failed to install the app. Command failed with exit code 1.. why?
same here
@@Banayah do you know how to solved it?
Damn, I have been stuck with the installation of the project on liunx for a few days. I guess I missed the part about uninstalling react-native-cli 😅
This tutorial works pretty much alike on linux if you know how to set your environment variables.
This tutorial was based on a lot of research :)
love you baby 💋💋💋💋, i was stuck at this for about 5 days, expo was not running on my phone
great video but please, for the love of god, use a pop filter. the sound is really annoying
You should have put Windows in title
naw I think that's okay
@@ghosttogether Not okay, I thought this video was for linux.
this is fking annoying flutter is better than react
Bruh stop moaning in my ears
😂
Hello everyone ! i have this problem
Fatal Error] org.gradle.toolchains.foojay-resolver-convention.gradle.plugin-0.5.0.pom:2:1: Content is not allowed in prolog.
node_modules\@react-native\gradle-plugin\settings.gradle.kts' line: 16
* What went wrong:
Plugin [id: 'org.gradle.toolchains.foojay-resolver-convention', version: '0.5.0'] was not found in any of the following sources:
- Gradle Core Plugins (plugin is not in 'org.gradle' namespace)
- Plugin Repositories (could not resolve plugin artifact 'org.gradle.toolchains.foojay-resolver-convention:org.gradle.toolchains.foojay-resolver-convention.gradle.plugin:0.5.0')
Searched in the following repositories:
MavenRepo
Google
Gradle Central Plugin Repository
somebody know what is happen ??