The latest articles on DEV Community by Abhishek zha (@abhishekzha2021). https://dev.to/abhishekzha2021 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F620115%2Fd6e1f3d9-09f9-4857-9f3e-a402ae8a7546.jpg https://dev.to/abhishekzha2021 en Abhishek zha Tue, 04 May 2021 16:36:33 +0000 https://dev.to/abhishekzha2021/how-to-set-up-visual-studio-code-to-get-started-with-react-native-2f2n https://dev.to/abhishekzha2021/how-to-set-up-visual-studio-code-to-get-started-with-react-native-2f2n <p>React-Native is a game changer when it comes to mobile-apps Development. You can use React-Native for modifying your existing android/ios or you can create a whole new app from scratch.<br> In this article I will teach you to set your developer environment with visual studio code which allows you to get started with react-native quickly. So, let's get started by following all the given steps.</p> <h2>STEP 1: Go to your command prompt</h2> <p>Open up your command terminal by simply searching for "command prompt" in your search bar. First of all you have to install the latest version for node(https://nodejs.org/en/).If you have already installed, you can check that up by typing "node -v" in your command promt. </p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--N8Gyeeug--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/616wxtrxmc0z8q9qf7fc.PNG" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--N8Gyeeug--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/616wxtrxmc0z8q9qf7fc.PNG" alt="Alt Text"></a><br> After you successfully confirmed your node installed, you can now further type in "npm i -g expo-cli"<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Ffk9jNQk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vclkx4n7m39e7545z7y9.PNG" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Ffk9jNQk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vclkx4n7m39e7545z7y9.PNG" alt="Alt Text"></a><br> This will install the expo command line interface(CLI) which hides alot of complexity while building the native apps.</p> <h2>STEP 2: Open up Visual Studio Code</h2> <p>Go to the terminal of vs code and type in "expo init your-project-name"</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s---Z1tDFyp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rglg3rb5i6v1ob89b99s.PNG" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s---Z1tDFyp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rglg3rb5i6v1ob89b99s.PNG" alt="Alt Text"></a><br> This will install all the necessary modules needed to build an react-native application.</p> <h2>STEP 3: Install NPM modules</h2> <p>Initialize package manager by typing in "npm init" and after that install the modules for npm by typing "npm install" and at last start your application with "npm start" </p> <h2>Conclusion:</h2> <p>Now, everything is set-up and you can play around with react-native pretty much in no time.You can download android emulator<br> (<a href="https://developer.android.com/studio">https://developer.android.com/studio</a>) and run your application on it.This is it :)</p> <p>Thank you so much. </p> reactnative vscode