Vs code android

Android

adelphes

Android for VS Code

This is a preview version of the Android for VS Code Extension. The extension allows developers to install, launch and debug Android Apps from within the VS Code environment.

What’s New

Features

Requirements

You must have Android SDK Platform Tools installed. This extension communicates with your device via the ADB (Android Debug Bridge) interface.

Limitations

You must use gradle or some other build procedure to create your APK. Once built, the extension can deploy and launch your app, allowing you to debug it in the normal way. See the section below on how to configure a VSCode Task to automatically build your app before launching a debug session.

Extension Settings

Building your app automatically

This extension will not build your App. If you would like to run a build each time a debug session is started, you can add a preLaunchTask option to your launch.json configuration which invokes a build task.

.vscode/launch.json

Add a preLaunchTask item to the launch configuration:

Add a new task to run the build command:

.vscode/tasks.json

Java Intellisense

Support for Java Intellisense is currently in beta, so any feedback is appreciated.

To use Java intellisense, make sure the option is enabled in Settings (Extensions > Android > Enable Java language support for Android) and press ctrl/cmd-space when editing a Java source file.

You can read more about using code-completion on the VSCode website and how to configure code-completion to suit your Android project in the wiki.

Expression evaluation

Format specifiers can be appended to watch and repl expressions to change how the evaluated result is displayed. The specifiers work with the same syntax used in Visual Studio. See https://docs.microsoft.com/en-us/visualstudio/debugger/format-specifiers-in-cpp for examples.

You can also apply the specifiers to object and array instances to format fields and elements:

Note: Format specifiers for floating point values ( e / g ) and string encoding conversions ( s8 / su / s32 ) are not supported.

Powered by coffee

The Android Developer Extension is a completely free, fully open-source project. If you’ve found the extension useful, you can support it by buying me a coffee.

If you use ApplePay or Google Pay, you can scan the code with your phone camera:

Every coffee makes a difference, so thanks for adding your support.

Questions / Problems

If you run into any problems, tell us on GitHub or contact me on Twitter.

Android Full Support

Antony

Android Full Support

Provide building, linting, syntax highlighting,run,autocomplete,symbol hover,go to implementation and more for Android native development.

Getting Started

Installation (VS Code)

Features

Run app

(You must be already connected with adb to a device. Launching emulator coming soon)

Manage Android SDK

Syntax coloration

Syntax and symbol error (Java & Kotlin) / Lint / Type checking

Signature help

Snippet

Right click on folder.

Autocomplete / Intellisense

Ctrl + Space to force trigger.

Symbol goto

Explore all functions and var of your app from a single place.

Information on function/variable

Find functions references

Usefull settings

Usefull commands

Ctrl + Space + P then ⬇️

One of component of android sdk may be missing.

Can VS Code run on Android? [closed]

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Does anybody know about plans of MS to support running VS Code so it can run on Android OS?

6 Answers 6

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

Running VS Code on Android is not possible, at least until Android support is implemented in Electron. This has been rejected by the Electron team in the past, see electron#562

Visual Studio Codespaces and GitHub Codespaces an upcoming services that enables running VS Code in a browser. Since everything runs in a browser, it seems likely that mobile OS’ will be supported.

It’s also possible to run VS Code on Android by installing Linux on your Android device as described in this answer.

I don’t agree with the accepted answer that the lack of electron prevents VSC on Android.

API’s would need to be mapped from their electron equivelents, and many of the plug-ins will have their own issues (but Android is reasonably flexible about allowing stuff like Python compared to iOS) so it is doable.

On the other hand, the demand for an Android version of VSC probably comes from people using the new Chromebooks that support Android, and there is already a solution for ChromeOS using crouton, available here.

There is a browser-based application that allows you to develop on a browser on your Android or any other device in a VSC-like environment. Check it out here:

Edit: This is not the exact VSC implementation and it does not have all the features of VSC, such as extensions. It’s just a VSC-like environment.

adelphes/android-dev-ext

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Android for VS Code

This is a preview version of the Android for VS Code Extension. The extension allows developers to install, launch and debug Android Apps from within the VS Code environment.

You must have Android SDK Platform Tools installed. This extension communicates with your device via the ADB (Android Debug Bridge) interface.

You must use gradle or some other build procedure to create your APK. Once built, the extension can deploy and launch your app, allowing you to debug it in the normal way. See the section below on how to configure a VSCode Task to automatically build your app before launching a debug session.

Building your app automatically

This extension will not build your App. If you would like to run a build each time a debug session is started, you can add a preLaunchTask option to your launch.json configuration which invokes a build task.

Add a preLaunchTask item to the launch configuration:

Add a new task to run the build command:

Support for Java Intellisense is currently in beta, so any feedback is appreciated.

To use Java intellisense, make sure the option is enabled in Settings (Extensions > Android > Enable Java language support for Android) and press ctrl/cmd-space when editing a Java source file.

You can read more about using code-completion on the VSCode website and how to configure code-completion to suit your Android project in the wiki.

Format specifiers can be appended to watch and repl expressions to change how the evaluated result is displayed. The specifiers work with the same syntax used in Visual Studio. See https://docs.microsoft.com/en-us/visualstudio/debugger/format-specifiers-in-cpp for examples.

You can also apply the specifiers to object and array instances to format fields and elements:

Note: Format specifiers for floating point values ( e / g ) and string encoding conversions ( s8 / su / s32 ) are not supported.

Powered by coffee

The Android Developer Extension is a completely free, fully open-source project. If you’ve found the extension useful, you can support it by buying me a coffee.

If you use ApplePay or Google Pay, you can scan the code with your phone camera:

Every coffee makes a difference, so thanks for adding your support.

If you run into any problems, tell us on GitHub or contact me on Twitter.

How To Run VS Code On Android In 3 Amazing Simplest Steps

Install and Configure VS code

To install VS code in android, first we need to install Termux application in our device. So, download and install Termux from F-droid, DO NOT INSTALL TERMUX FROM PLAYSTORE.

After you’ve successfully downloaded and installed Termux, follow the steps below to install Visual Studio Code in android :

Run Visual Studio Code On Android

After the extraction is completed, you’ll see new directory named code-server-3.11.1-linux-arm64. Change the working directory to code-server-3.11.1-linux-arm64 using cd command.

Conclusion

So this is how you can install and run VS code in your android phone with the help of Termux application. If you are going to use this thing, I would recommend you to get external keyboard and mouse for your phone. Because using this thing without external keyboard and mouse can be pain in the ass. You can also watch my YouTube video that will be uploaded soon on installing visual studio code on android.

How to get Visual Studio Code to run on Android with Termux

Termux is an app which provides a Unix/Linux-like environment on your Android device. But getting an familiar IDE like Visual Studio Code previous required a number of steps. Recently this seems to have been streamlined by the various package maintainers and now can be done in fewer steps.

First is that we will be installing the the open source version of Visual Studio Code (VS Code), called code-server.

code-server is an Electron app and needs support from nodejs environment.

In Termux run the following commands:

Exit fullscreen mode

Per the Termux NodeJS wiki also install:

Exit fullscreen mode

As they are needed for building native extensions.

And finally install code-server itself.

Exit fullscreen mode

Note: Installing code-server will take a while

code-server is now installed and will be the back end server to your front end client, a Chromium browser, like Chrome for Android or Microsoft Edge.

Exit fullscreen mode

You’ll get some output logs about where the password is located.

In my case I used cat

/.config/code-server/config.yaml to find out what was configured.

Open up a browser, as I was using Samsung DeX as a desktop, I used Samsung Internet, connected to 127.0.0.1:8080 and entered the password.

Once connected, you can install plugins. As you can see, the MS Python plugin appears to work.

code-server is not Microsoft Visual Studio Code The summary is that not all plugins are supported, YMMV.

I’m using Termux and code-server with Samsung DeX so I don’t have any the soft keyboard issues that others have encountered.

Updating VS Code/ code-server to latest (1.50.0)

Step 1: kill code-server if running

Step 2: Now update all of the packages (check above list)

Exit fullscreen mode

Step 3: In order to force a rebuild, use yarn to remove code-server

Exit fullscreen mode

Step 4: And add/install code-server (yes it will take a while)

Exit fullscreen mode

Getting Search to work

Install the package ripgrep:

Exit fullscreen mode

And add to the code-server directory

which is in my setup can be reached by:

Exit fullscreen mode

a softlink to the rg binary:

Exit fullscreen mode

Discussion (14)

When I install everything and type in the pass i get his error 500, and when i go home error 404. I tried dozens of ways to install android studio and only 2 way worked, installing not so latest 3.4.1 version with ubuntu and installing VHEditor from google store but with this I cannot install latest packages and extensions. Same goes with 3.4.1 version. I really want to set up my code server on tablet. Any help appreciated.

I am running on android 10, Samsung galaxy tab a7 10.4, 3GB of ram. The problem is that I can install the earlier version of code server 1.4.1 and I am running it now. But for example I couldn’t install latest Python extension on it cause it says it needs newer version of visual code. So I manually downloaded VIX file of extension for my 1.4.1 version and it works. I am fine working on it but just wondering why I can’t run the newest 1.5.0 version. I tried all possible methods on internet and only one worked for me and It’s also from dev.to portal from publisher Josias Aurel. It method included installing ubuntu in terminal and using that method it works for me but no luck if I clone newer from the same github.

1 like Like Thread

Update my instructions above. You may have to ‘yarn global remove’ to make sure that code-server is built/linked against latest versions. But as of now I’ve got code-server VS Code 1.50.0 running on my Samsung Galaxy S9, Android 10 in Termux.

I have tried and tried several times and I am still having the same error.
I have run different codes from different source and still not opening

it seems wonderfull. Unfurtunately at the moment i receive this error:
code-server@3.12.0: The engine «node» is incompatible with this module. Expected version «= 14». Got «16.13.1»

Same thing here. Did u manage to make it work?

1 like Like Thread

You should just need to install version 14.x of Node. I’m not sure how to do this with a termux pkg, you’ll have to dig.

I installed nvm and ran source /usr/share/nvm/init.nvm.sh and nvm install 14 on my proot Arch, not sure if that’ll help you!

Sir i’m unable to login. I couldn’t find my password it say password us in

How to install Vscode on android

Hello there. Today (about an hour ago) I tried something cool. As the title says it. I will show you how to install visual studio code (code Oss) on android. Yes, you got it right.

I will assume you know how to use a terminal. In this tutorial, we will use the most popular android terminal called termux. You can get it here.

Code Oss

I will not waste your time. It’s a fork of visual studio code intended for arm based computers like Chromebooks. You can check on their official site

How to install

Here i assume you’ve installed termux

Steps :

Install Ubuntu in your Android device. It’s targeted for such systems. Copy paste the following and wait for it to finish installing

Exit fullscreen mode

Once done, run this command:

Exit fullscreen mode

When you are in the Ubuntu terminal, you can run the following to grab the editor.

Exit fullscreen mode

Extract it with the following.

Exit fullscreen mode

The files are no more in an executable format, they need to be placed in a /bin folder for you to have the ability to call it

Due to that, the following command should do the work :

Exit fullscreen mode

Voilà. You can now call the editor by running «code-server» any where in your terminal and you will be able to use it. It is served on localhost:8080.

Final note: Each time you launch it, you’ll see a new password and it can be annoying. So let’s set a password in our environment variables.
Run this :

Exit fullscreen mode

Replace with any password of your choice and each time you launch the editor. You’ll use the exact same password.

Here is my original tweet :
Liquid error: internal

VS Code on my Phone (How I did it)

I setup vscode on my mobile and started coding. Normally programming like this is only possible on a desktop.

But there is a great way to start doing HTML, CSS, JS right on your phone, tablet, via WiFi or Internet!

It can be done with literally two lines of code:
Installation:

Exit fullscreen mode

Bring it online:

Exit fullscreen mode

Of course, if you don’t have a physical machine, you can still run this up on a free Amazon and Google cloud platform on the free tier. This allows you to run VS Code on iPad, iPhone, Android, etc.

I have a full video that is covering the whole setup if you’re interested.

Here is the Twitter post which went off with lots of comments.

VS Code on my Phone.

I setup vscode on my mobile and started coding. Normally programming like this is only possible on a desktop.

But there is a great way to start doing HTML, CSS, JS right on your phone, tablet, via WiFi or Internet!

Follow and support me:

Special thanks if you subscribe to my channel 🙂

Want to see more:

I will try to post new great content every day. Here are the latest items:

ppoffice / README.md

Install Termux, an Android terminal emulator that provides a Linux execution environment and various tools.

Update system packages in Termux:

Install dependencies, including python, nodejs, and yarn:

Install code-server, an adaptation of Visual Studio Code that runs as a web app using the following command. The installation may take a while:

Before starting code-server, we are going to fix an error caused by spdlog, which is a dependency of Visual Studio Code. First, change your working directory to

You will need a text editor for the next step. Here Vim is used for this task, but you are free to use whatever text editor you love:

Open binding.gyp and enter edit mode. You can do this by pressing i once you open the file using Vim:

Save the file and quit text editor. You can do this by pressing ESC and then wq in Vim:

Recompile spdlog using the following command:

(Optional) To see if spdlog works, run:

To fix the file search function of code-server, install ripgrep via pkg and link it to the correct place:

Finally, change the working directory back to home and start code-server with the following command:

Now, you can open your browser and visit code-server at http://localhost:8080.

You can find the password under

You may also need to enable HTTPS to enable clipboard and others features of Visual Studio Code in browsers. To do this, install openssl-tool and let code-server generate a certificate on startup:

You can get the public IP address of your device using the command below in Termux:

unbhopper commented Oct 11, 2021 •

Why is this happening to me?

Run this 👇 yarn config set ignore-engines true

This not working. Command pkg install nodejs setup version 16.x, but VS code need 14.x. That fixes by
pkg remove nodejs
pkg install nodejs-lts

unbhopper commented Oct 11, 2021

but i cant download any extension

Gunloverit commented Oct 11, 2021

Gunloverit commented Oct 11, 2021

Anonymous2716 commented Jan 26, 2022

Installing nodejs-lts didn’t fix the issue that it needs v14.

errr-maxx commented Jan 26, 2022

Command to install code-server: FORCE_NODE_VERSION=17 yarn global add code-server

Replace 17 with your node.js major version

FrassonReis commented Feb 18, 2022 •

Malith-Rukshan commented Jun 3, 2022

Easy Method 😇

pkg install proot-distro

proot-distro install Ubuntu

proot-distro login Ubuntu

pkg install wget

Then open your browser minimizing the termux and search on the Google search bar
http://127.0.0.1:8080

kalpeshmore1234 commented Jun 11, 2022

Easy Method 😇

pkg install proot-distro

proot-distro install Ubuntu

proot-distro login Ubuntu

pkg install wget

Then open your browser minimizing the termux and search on the Google search bar http://127.0.0.1:8080

Can anyone confirm is this working or not.

Anonymous2716 commented Jun 11, 2022

kalpeshmore1234 commented Jun 11, 2022

Thank you for your confirmation.

Adventuresofbot commented Jun 26, 2022 •

./code-server: 36: exec: /root/code-server-4.4.0-linux-arm64/lib/node: not found root@localhost:

Easy Method 😇

pkg install proot-distro

proot-distro install Ubuntu

proot-distro login Ubuntu

pkg install wget

Then open your browser minimizing the termux and search on the Google search bar http://127.0.0.1:8080

Adventuresofbot commented Jun 26, 2022

Kingmir24 commented Jul 2, 2022

Kingmir24 commented Jul 2, 2022

Somebody help out pls. I have been on it for the past 2 days now. I feel like I’m a fool

Anonymous2716 commented Jul 2, 2022 •

@Kingmir24 First cd into the code-server-4.4.0-linux-arm64 then CD into bin. view the directories with ls. And never call yourself fool. You just started learning.

Kingmir24 commented Jul 2, 2022

Thanks. I will really appreciate

rpi-esp32 commented Jul 4, 2022

./code-server: 36: exec: /root/code-server-4.4.0-linux-arm64/lib/node: not found root@localhost:

Encounter same error code as @Adventuresofbot, checked and confirmed node (an executable) is present in the /root/code-…/lib directory.

Anonymous2716 commented Jul 4, 2022

Probably need node extension? BTW note that it won’t work as fluent VScode but its just an IDE to write code.

rpi-esp32 commented Jul 5, 2022

Probably need node extension? BTW note that it won’t work as fluent VScode but its just an IDE to write code.

Jackie1430 commented Jul 28, 2022 •

Code server version : v4.5.1-linux-arm64
Node version : v16.15.1
./code-server commend not working, need help 🥺

iyadahmed commented Jul 29, 2022

note that ripgrep path changed somehow, not sure why but this is the path that worked for me, @vscode/ripgrep instead of vscode-ripgrep
cd

radaevm commented Aug 1, 2022 •

Another easy method 😜

pkg install proot-distro (if it doesn’t work, change the repository via termux-change-repo )

proot-distro install ubuntu

proot-distro login ubuntu

Then open your browser minimizing the termux and search on the Google search bar
http://127.0.0.1:8080

This method install last version (4.5.1 at the moment)

To install extensions that are not available in the extensions menu (for example, copilot and copilot labs), you need to download the extension in the VSIX format link and install it in the code-server via Extensions: Install from VSIX in command palette

Your access to this site has been limited by the site owner

Your access to this service has been limited. (HTTP response code 503)

If you think you have been blocked in error, contact the owner of this site for assistance.

If you are a WordPress user with administrative privileges on this site, please enter your email address in the box below and click «Send». You will then receive an email that helps you regain access.

Block Technical Data

About Wordfence

Wordfence is a security plugin installed on over 4 million WordPress sites. The owner of this site is using Wordfence to manage access to their site.

You can also read the documentation to learn about Wordfence’s blocking tools, or visit wordfence.com to learn more about Wordfence.

Click here to learn more: Documentation

How to run VS Code on Android Device [duplicate]

I have Galaxy tab S6 and it has cool features to replace laptop like connecting mouse and keyboard, but it unfortunately running Android OS, and not a lot of development apps are available to Android, so I thought if there’s an option to run VS code at least on my device?

2 Answers 2

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

I Wrote this post using Linux Ubuntu on Galaxy Tab S6 ARM64 Based Processor using full version of chromium. and the following methods can be applied on any high-end android device 😉

You have 2 ways to install Linux:

1. Install a Linux distro via «Termux»

2. Install Linux GUI desktop environment like «Xfce».

3. start a VNC server on your linux.

4. Open «VNC Viewer» on android to start hacking.

5. Install vscode for arm64
6. Optional: Install NodeJS for arm64

Android WebView Debugging

Michael Potthoff

Debug your JavaScript code running in WebViews on any Android device from VS Code.

A VS Code extension to debug your JavaScript code in the Google Chrome browser or other WebView targets on Android devices, that support the Chrome DevTools Protocol.

Requirements

vscode-js-debug

This extension uses the vscode-js-debug extension under the hood.

Using the debugger

When your launch config is set up, you can debug your project. Pick a launch config from the dropdown on the Debug pane in Code. Press the play button or F5 to start.

Configuration

All configuration options of the pwa-chrome: attach configuration of the vscode-js-debug extension are supported.

You can optionally specify a port to use for the debugging connection or let the extension automatically choose an unsued one.

It is possible to specify the device and/or the application to attach to. If multiple possible instances are found the extension will ask you to choose one.

An example launch.json file:

All contributed configuration fields

Extension Settings

This extension contributes the following settings:

Troubleshooting

Failed to locate ADB executable.

The ADB executable was not found. Usually it should be on the PATH environment variable. You can also specify it manually using the android-webview-debug.adbPath configuration parameter.

No WebViews found

Ensure that the device is connected and that the Android application is a debug build or WebView debugging is enabled. You can always find the available WebViews by visiting chrome://inspect/#devices in Google Chrome.

No devices found

Vs code android

So First of all you will need to install a Linux Distro for this to work and today I am going to use Ubuntu. Although I have the option to install the GUI of Ubuntu along with CLI but here i am just installing CLI of Ubuntu so in case you want to use GUI also feel free to install that. There will be no changes in steps.

Step 1: Install Ubuntu in Termux:

a) Install Termux from Play Store.

b) Run the following Commands:

1) apt-get update

2) apt-get upgrade

d) Now you have CLI of Ubuntu installed in Termux so feel free to install GUI in case if you are interested otherwise follow from next step.

Step 2: Install VsCode in Ubuntu:

a)When you are in the Ubuntu terminal, you can run the following to grab the VsCode editor.

b)Extract it with the following.

c) The files are no more in an executable format, they need to be placed in a /bin folder for you to have the ability to call it

Due to that, the following command should do the work :

d) Voilà. You can now call the editor by running «code-server» any where in your terminal and you will be able to use it. It is served on localhost:8080.

Final note: Each time you launch it, you’ll see a new password and it can be annoying. So let’s set a password in our environment variables.
Run this :

Replace with any password of your choice and each time you launch the editor. You’ll use the exact same password.

APKLab

Surendrajat

The ultimate Android RE experience right inside your VS Code.

APKLab seamlessly integrates the best open-source tools: Quark-Engine, Apktool, Jadx, uber-apk-signer, apk-mitm and more to the excellent VS Code so you can focus on app analysis and get it done without leaving the IDE.

Features

Requirements

JDK 8+

quark-engine >=21.01.6 (for malware analysis)

Run quark in your Shell, if not found, check official docs.

adb

Run adb devices in your Shell, if not found, check this guide.

Getting Started

Open APK or Apktool project

Open the Command Palette (Ctrl+Shift+P) ➜ APKLab: Open an APK

Or Just open an existing Apktool project folder

Apply MITM patch

Right-Click on or inside apktool.yml file ➜ APKLab: Prepare for HTTPS inspection

ReBuild and Sign APK

Right-Click on or inside apktool.yml file ➜ APKLab: Rebuild the APK

Install APK to device

Clean ApkTool frameworks dir

Extension Settings

apklab.jadxDirPath : Full Path of jadx-x.y.z dir. If you want to use a different version of it, change it like:

apklab.keystorePassword : Put the password of your keystore here.

apklab.keyAlias : Put the alias of the used key in the keystore here.

apklab.keyPassword : Put the password of the used key in the keystore here.

Known Issues

Please check our Bug tracker for known issues.

Contribution Guide

For bug reports, feature requests or simply discussing an idea, please open an issue here. PRs are always welcome.

Кроссплатформенная разработка для мобильных устройств в Visual Studio

Используя Visual Studio, можно создавать приложения для устройств Android, iOS и Windows. При разработке приложения вы можете использовать инструменты Visual Studio для добавления подключенных служб, таких как Microsoft 365, Служба приложений Azure и Application Insights.

Для создания игр или мощных графических приложений установите инструменты Visual Studio для Unity. Это позволит максимально эффективно использовать функции Visual Studio и Unity — популярного движка и среды разработки для игр и мощных графических приложений в Windows, iOS, Android и на других платформах.

Сборка приложений для устройств Android, iOS и Windows (.NET Framework)

С помощью инструментов Visual Studio для Xamarin вы можете указать Android, iOS и Windows в качестве целевых устройств в одном и том же решении, при этом код и даже пользовательский интерфейс будут использоваться совместно.

Целевые устройства Android, iOS и Windows из единой базы кода

После окончания установки шаблоны проектов появятся в диалоговом окне Новый проект. Чтобы найти шаблоны Xamarin, проще всего ввести «Xamarin» в строке поиска.

После создания проекта вы сможете использовать все функции повышения продуктивности в составе Visual Studio. Например, вы сможете создавать страницы с помощью конструктора и изучить собственные API-интерфейсы мобильных платформ с помощью IntelliSense. Для запуска готового приложения и оценки его интерфейса можно использовать эмулятор пакета SDK для Android и запускать приложения в собственной среде Windows. Вы также можете использовать связанные устройства Android и Windows напрямую. Для проектов iOS необходимо подключиться к компьютеру Mac, подключенному к сети, и запустить эмулятор iOS из Visual Studio или подключиться к связанному устройству.

Создание одного набора страниц, отображаемого на всех устройствах, с помощью Xamarin.Forms

Совместное использование кода приложениями Android, iOS и Windows

Код можно совместно использовать с помощью общего проекта, проекта переносимой библиотеки классов или обоих этих проектов. Может оказаться, что какой-то код больше подходит в общем проекте, а другой код лучше себя ведет в рамках проекта переносимой библиотеки классов.

Целевые устройства Windows 10

Если вы хотите создать одно приложение, предназначенное для полного спектра устройств Windows 10, создайте универсальное приложение Windows. Разработка приложения будет осуществляться с помощью одного проекта, а страницы будут отображаться должным образом независимо от того, какое устройство используется для их просмотра.

Начните с шаблона проекта приложения на универсальной платформе Windows (UWP). Вы можете визуально разрабатывать страницы, а затем открывать их в окне предварительного просмотра, чтобы увидеть, как они будут отображаться для различных типов устройств. Если вас не устраивает, как страница отображается на устройстве, вы можете оптимизировать ее в соответствии с размером экрана, разрешением или ориентацией (горизонтальной или вертикальной). Все это можно сделать с помощью удобных инструментальных окон и пунктов меню в Visual Studio. Когда вы будете готовы к запуску приложения и пошаговому выполнению кода, вы сможете найти все эмуляторы и имитаторы для различных типов устройств в одном раскрывающемся списке на стандартной панели инструментов.

Создание приложения для Android, iOS и Windows (C++)

Для запуска готового приложения и оценки его интерфейса воспользуйтесь Android Emulator. Это быстрый, надежный и простой в установке и настройке инструмент.

Вы можете создавать приложения, ориентированные на весь спектр устройств под управлением Windows 10, с помощью C++ и шаблона проекта приложения универсальной платформы Windows (UWP). Дополнительные сведения см. в разделе Целевые устройства Windows 10 ранее в этой статье.

С помощью статической или динамической общей библиотеки вы сможете совместно использовать код С++ между устройствами Android, iOS и Windows.

Эту библиотеку можно использовать в проекте Windows, iOS или Android, как описано ранее в этом разделе. Также ее можно использовать в приложении, созданном с помощью Xamarin, Java или любого другого языка, который позволяет вызывать функции в неуправляемой библиотеке DLL.

При написании кода в этих библиотеках можно использовать IntelliSense для просмотра собственных API платформ Android и Windows. Эти проекты библиотеки полностью интегрированы с отладчиком Visual Studio, поэтому можно задавать точки останова, осуществлять пошаговое выполнение кода, находить и исправлять проблемы, используя расширенные возможности этого отладчика.

Создание кросс-платформенной игры для устройств Android, iOS и Windows с использованием инструментов Visual Studio для Unity

Инструменты Visual Studio для Unity представляют собой бесплатное расширение Visual Studio, которое интегрирует мощные функции редактирования кода, повышения продуктивности и средства отладки в составе Visual Studio с Unity, популярной кроссплатформенной системой и средой разработки для игр и мощных графических приложений на платформах Windows, iOS, Android и других платформах, включая веб-приложения.

Средства Visual Studio для Unity (VSTU) позволяют использовать Visual Studio для создания сценариев игр и редакторов на языке C#, а затем использовать его мощный отладчик для поиска и исправления ошибок. В последнем выпуске VSTU реализована поддержка Unity 2018.1, включена цветовая маркировка синтаксиса для языка шейдера ShaderLab системы Unity, усовершенствована синхронизация с Unity, добавлены дополнительные функции отладки и улучшены механизмы создания кода благодаря использованию мастера MonoBehavior. VSTU также объединяет файлы проекта Unity, сообщения консоли и возможность запускать игру в Visual Studio, чтобы тратить меньше времени на переключение в редактор Unity Editor и из него при написании кода.

Visual Studio Code vs Android Studio – Functionality, Search and Source Control

When it comes to the tools we use to develop our Flutter apps, there are two main contenders. It usually boils down to either Visual Studio Code or Android Studio. In this article, Lewis Cianci compares these two tools in three key areas.

Years ago, there weren’t many choices when it came to Integrated Development Environments (IDE). In the early days, there were languages like Visual Basic 6 which had to be written in Visual Studio and that was it.

Nowadays, we have choices to make, not only related to what languages and frameworks we use to make our apps, but also the tooling that we use to accomplish this task. This topic is somewhat surprisingly hotly contested, with people avidly defending “their” IDE and plugins over another IDE.

Comparing two different IDEs is a fairly big topic, so in this article, we’ll look at the differences between Visual Studio Code and Android Studio by focusing on three key aspects that I notice the most when comparing IDEs:

Functionality

Visual Studio Code

Visual Studio Code is an editor that favors simplicity over having an endless assortment of bells and whistles. Most of the functionality is exposed by typing in the thing you need into the top search bar.

Everything you would expect to be there is there: debugging, breakpoints, etc.

However, something that I have been doing for years in every IDE that I have used is to tearing off the tabs from the top. This is invaluable, as at various times I can effectively work on two parts of my app at the same time.

Visual Studio Code can’t do this and it doesn’t seem like it’s getting this functionality any time soon. You can split your tabs so that one window is split down the middle or you can try to reopen the same project in another instance of Visual Studio Code. But you can’t just tear the tabs off.

The practical effect of this is that if you are working between your services and your UI layer, you have to switch back and forth between both files until you eventually solve the issue.

Android Studio

Android Studio is more of a “kitchen sink” approach to an IDE. Google licensed IntelliJ IDEA and used it to make Android Studio. Software developers have been using it to make apps for Android for a very long time.

In terms of tearing the tabs off: Well, you just do it. You just pick one up, drag it off, and you’re done. You can put these onto alternate screens – whatever you want. Any comparable solution to doing this in Visual Studio Code (that’s as easy as just grabbing the tab and moving it to where you want it) doesn’t seem to exist, at least not at the time of writing.

For me personally, this is enough to make me want to use Android Studio by itself, but let’s press on.

Searching in the project

Visual Studio Code

The only gripe I have with this search feature is that you tend to lose a lot of context when searching. We’re restricted to looking at each and every result of our search here, either by clicking on a specific result or using hotkeys to move through them. Afterwards, we can get back to where we were by clicking on the appropriate tab up at the top or hitting ALT+LEFT ARROW until we get back to where we were. Sometimes when I do that, I forget where I was up to and what I was doing initially.

Android Studio

If we search for something, like Sonder, we get the results in this dialog:

Pressing the up or down cursors here will show us results from that particular file, as well as the 8–9 lines on either side of that search result.

SSometimes, I’m searching for an implementation of a certain widget or function, and then I just quickly hit CTRL+SHIFT+F to bring up this dialog. Doing so, I can quickly move through the list by using the up and down arrows, and when I have found what I’m looking for, I can just hit escape to go back to the file I was working on initially. In terms of productivity, I find this is more powerful and faster.

Source Control

For more advanced source control operations I normally stick to using a dedicated tool like Fork, because it’s a lot easier to understand what is happening.

Still, you may find yourself in a situation where you have to use the tools of the IDE you are using, and that’s where the quality of the integrated source control solution does count.

Visual Studio Code

Visual Studio Code has an extremely wide array of source control utilities made available to it through extensions. But we’ll take a look at the built-in functionality that’s available.

When writing this article, I noticed that I had changes to my pubspec.lock file, despite not recalling making any changes. The change window in Visual Studio Code looked like this:

Visual Studio Code knew that something had changed but couldn’t specifically call out what was different. If nothing has changed, then committing or resetting should logically have no impact, right? But it’s weird (and probably concerning) that Git is tracking a changed file but yet Visual Studio Code can’t show us what is different.

Now, if we actually change a file, then we can see the change in the source control area of Visual Studio Code.

This is functional. Deletions are shown in much the same way.

Android Studio

Remember that pubspec.lock file for which Visual Studio Code couldn’t tell us what the changes were? In Android Studio, it looks like this:

So, there are still no actual changes shown, which is accurate. But up at the top of the “Diff” section, we see this text:

“Contents have differences only in line separators”

And then, on the left, we can see that the file used to have CRLF line endings but now has LF line endings. This is because of a change I made with my Git client for how it handles line endings, which happened after my initial checkout. That’s pretty cool – we can now decide on whether that’s something we want to commit or not.

Checking actual file changes shows up like this as well:

Changes to the file and the comparisons between the version that is already in the repository and our local version are very clear. We can see the green highlighting showing us precise changes that are happening to the file. We can also untick or tick, on a line-by-line basis, what we want to commit before doing so.

In fact, Android Studio has quite a bit of flexibility when it comes to using Git as your source control system. These are the options from the Git menu:

Can’t I add plugins to Visual Studio Code for better functionality?

You absolutely can, but I find that adding too many plugins to Visual Studio Code can bog it down considerably and make it slow to use. By the time you install all the stuff you need to do things like enhance the source control, you may be better off just choosing a more fully-featured IDE from the get-go.

Android Studio has some weird key bindings that you should know about:

So what should I use?

There are a variety of functionality differences between these two tools. Visual Studio Code is lighter than Android Studio, so if you are genuinely limited by your hardware, you may be better off on Visual Studio Code. Also, some plugins and enhancements are only available for one or the other, so that will impact your decision as well. I personally prefer Android Studio, but you should use both and make your own decision.

In the early days I went between both tools before finally settling on Android Studio. There’s no reason why you can’t do the same😊.

And of course, you should use what works best for you. For every article recommending Android Studio, I’m sure there’s an article recommending Visual Studio Code. As always, if you have any questions be sure to let us know in the Codemagic Slack channel.

Thanks for reading!

Lewis Cianci is a software developer in Brisbane, Australia. His first computer had a tape drive. He’s been developing software for at least ten years, and has used quite a few mobile development frameworks (like Ionic and Xamarin Forms) in his time. After converting to Flutter, though, he’s never going back. You can reach him at his blog, read about other non-fluttery things at Medium, or maybe catch a glimpse of him at your nearest and most fanciest coffee shop with him and his dear wife.

More articles by Lewis:

See the incredible
speed of the new
M1 machines

For iOS builds, we see build time improvements of

mpotthoff/vscode-android-webview-debug

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Debug your JavaScript code running in WebViews on any Android device from VS Code.

A VS Code extension to debug your JavaScript code in the Google Chrome browser or other WebView targets on Android devices, that support the Chrome DevTools Protocol.

This extension uses the vscode-js-debug extension under the hood.

Using the debugger

When your launch config is set up, you can debug your project. Pick a launch config from the dropdown on the Debug pane in Code. Press the play button or F5 to start.

All configuration options of the pwa-chrome: attach configuration of the vscode-js-debug extension are supported.

You can optionally specify a port to use for the debugging connection or let the extension automatically choose an unsued one.

It is possible to specify the device and/or the application to attach to. If multiple possible instances are found the extension will ask you to choose one.

An example launch.json file:

All contributed configuration fields

This extension contributes the following settings:

Failed to locate ADB executable.

The ADB executable was not found. Usually it should be on the PATH environment variable. You can also specify it manually using the android-webview-debug.adbPath configuration parameter.

No WebViews found

Ensure that the device is connected and that the Android application is a debug build or WebView debugging is enabled. You can always find the available WebViews by visiting chrome://inspect/#devices in Google Chrome.

No devices found

About

Debug your JavaScript code running in WebViews on any Android device from VS Code.

Cross-platform mobile development in Visual Studio

You can build apps for Android, iOS, and Windows devices by using Visual Studio. As you design your app, use tools in Visual Studio to easily add connected services such as Microsoft 365, Azure App Service, and Application Insights.

If you want to build a game or immersive graphical app, install Visual Studio tools for Unity and enjoy all of the powerful productivity features of Visual Studio with Unity, the popular cross-platform game/graphics engine and development environment for apps that run on iOS, Android, Windows, and other platforms.

Build an app for Android, iOS, and Windows (.NET Framework)

With Visual Studio Tools for Xamarin, you can target Android, iOS, and Windows in the same solution, sharing code and even UI.

Target Android, iOS, and Windows from a single code base

When you’re done, project templates appear in the New Project dialog box. The easiest way to find Xamarin templates is to just search on «Xamarin.»

After you create a project, you’ll leverage all of the productivity features of Visual Studio. For example, you’ll use a designer to create your pages, and use IntelliSense to explore the native API’s of the mobile platforms. When you’re ready to run your app and see how it looks, you can use the Android SDK emulator and run Windows apps natively. You can also use tethered Android and Windows devices directly. For iOS projects, connect to a networked Mac and start the iOS emulator from Visual Studio, or connect to a tethered device.

Design one set of pages that render across all devices by using Xamarin.Forms

Depending on the complexity of your apps design, you might consider building it by using Xamarin.Forms templates in the Mobile Apps group of project templates. Xamarin.Forms is a UI toolkit that lets you create a single interface that you can share across Android, iOS, and Windows. When you compile a Xamarin.Forms solution, you’ll get an Android app, an iOS app, and a Windows app. For more details, see Learn about mobile development with Xamarin and the Xamarin.Forms documentation.

Share code between Android, iOS, and Windows apps

You can share your code by using a shared project, a Portable Class Library project, or both. You might find that some code fits best in a shared project, and some code makes more sense inside a Portable Class Library project.

Target Windows 10 devices

If you want to create a single app that targets the full breadth of Windows 10 devices, create a universal Windows app. You’ll design the app by using a single project and your pages will render properly no matter what device is used to view them.

Start with a Universal Windows Platform (UWP) app project template. Design your pages visually, and then open them in a preview window to see how they appear for various types of devices. If you don’t like how a page appears on a device, you can optimize the page to better fit the screen size, resolution, or various orientations such as landscape or portrait mode. You can do all of that by using intuitive tool windows and easily accessible menu options in Visual Studio. When you’re ready to run your app and step through your code, you’ll find all of the device emulators and simulators for different types of devices together in one drop-down list that is located on the Standard toolbar.

Build an app for Android, iOS, and Windows (C++)

First, install Visual Studio and the Mobile Development with C++ workload. Then, you can build a native activity application for Android, or an app that targets Windows or iOS. You can target Android, iOS, and Windows in the same solution if you want, and then share code between them by using a cross-platform static or dynamic shared library.

If you need to build an app for Android that requires any sort of advanced graphics manipulation, such as a game, you can use C++ to do it. Start with the Native Activity Application (Android) project. This project has full support for the Clang toolchain.

When you’re ready to run your app and see how it looks, use the Android Emulator. It’s fast, reliable, and easy to install and configure.

You can also build an app that targets the full breadth of Windows 10 devices by using C++ and a Universal Windows Platform (UWP) app project template. Read more about this in the Target Windows 10 devices section that appears earlier in this topic.

You can share C++ code between Android, iOS, and Windows by creating a static or dynamic shared library.

You can consume that library in a Windows, iOS, or Android project, like the ones described earlier in this section. You can also consume it in an app that you build by using Xamarin, Java, or any language that lets you invoke functions in an unmanaged DLL.

As you write code in these libraries, you can use IntelliSense to explore the native APIs of the Android and Windows platforms. These library projects are fully integrated with the Visual Studio debugger so you can set breakpoints, step through code, and find and fix issues by using all of the advanced features of the debugger.

Build a cross-platform game for Android, iOS, and Windows by using Visual Studio tools for Unity

Visual Studio Tools for Unity is a free extension for Visual Studio that integrates Visual Studio’s powerful code editing, productivity, and debugging tools with Unity, the popular cross-platform gaming/graphics engine and development environment for immersive apps that target Windows, iOS, Android, and other platforms including the web.

With Visual Studio Tools for Unity (VSTU), you can use Visual Studio to write game and editor scripts in C# and then use its powerful debugger to find and fix errors. The latest release of VSTU brings support for Unity 2018.1 and includes syntax coloring for Unity’s ShaderLab shader language, better synchronization with Unity, richer debugging, and improved code generation for the MonoBehavior wizard. VSTU also brings your Unity project files, console messages, and the ability to start your game into Visual Studio so you can spend less time switching to and from the Unity Editor while writing code.

How to test my Flutter app on my phone? With vscode

I am having a problem testing my Flutter applications for lack of memory. My computer only has 4GB of RAM and I can’t open the emulator for lack of memory, can anyone help me how can I test the app right on my mobile phone?

2 Answers 2

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

You may need to configure Android toolchain (Step 6 to 12).

Install corresponding platform and build-tools for your mobile device.

Example: If your device is Android 9 (Which is Android Pie and API level is 28), then commands are

Update Environtment path variable with «. \AndroidSDK\platform-tools»

MobileView

cirlorm

MobileView for VS Code

MobileView provides a responsive mobile view for testing mobile view of your apps and websites directly form visual studio code.

Features

MobileView can view projects running on local server and remote urls. You can view your project on a iPhone X screen. You can change frame from white to dark. You can hard reload

Getting Started

You can download MobileView from the VSCode Marketplace.

Once you have it, you should see something similar to this:

You can click on the «phone» icon in the left sibebar tray. Once you have done that, you will see a menu open, then click on «Start MobileView» from the menu. You’ll now see a text input box open

Enter the url to your project and press «Enter».

Open Android emulator/ iOS simulator using VS Code

September 23, 2021

February 9, 2022

February 6, 2022

February 9, 2022

If you’re working with Flutter or React Native, you can launch an iOS Simulator or an Android Emulator using VS Code (Visual Studio Code).

1. Go to View > Command Palette… or hit Command + Shift + P (macOS) or Ctrl + Shift + P (Windows). Advertisements

If you’re using Flutter for developing apps, see steps 2 and 3. If you’re using React Native, skip steps 2 and 3, and jump directly to step 4. Advertisements

2. Type Flutter: Launch into the search field then select Flutter: Launch Emulator from the result list:

If you don’t get the result as mine, make sure you have the Flutter extension installed:

3. Now, select what you want to launch or create a new Android emulator.

4. Type React Native: Launch into the search field and you will see 2 options: React Native: Launch Android Emulator and React Native: Launch iOS Simulator. Just select the one you need.

If you could not achieve the goal, make sure you get the React Native Tools extension installed:

That’s it. Further reading:

You can also check out our Visual Studio Code topic page for more tips and tricks to improve your producibility and coding experience.

Adobe-Android/vs-code

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

My personal Visual Studio Code config

C/C++ Extension Pack

Includes: C/C++, C/C++ Themes, CMake, CMake Tools, Remote Development Extension Pack, GitHub Pull Requests and Issues, Visual Studio Codespaces, LiveShare Extension Pack, Doxygen Documentation Generator, Better C++ Syntax

Hex (immature but interesting):

Rust (support is still largely immature in VS Code):

How to set up an Emulator For VSCode? (Updated)

An Emulator is a hardware device or software program that enables one computer system to imitate the functions of another computer system. So, in this article, we will go through How to set up an Emulator for VSCode.

How to SetUp Emulator For VSCode?

So, the emulator enables the host system to run the software, tools, peripheral devices, and other components that are designed for the guest system.

From version 2.13.0 of Dart Code, emulators can be launched directly from within code. But this feature relies on support from the Flutter tools. So that means it will only show emulators when using a very recent Flutter SDK. Flutter’s master channel already has this change. But it may take a little longer to filter through to the dev and beta channels.

We have tested this feature and worked very well on flutter version 0.5.6-pre.61

Setup Emulator In Flutter

You do not need Android Studio to create or run a Virtual Device. Just use SDK manager and avdmanager from the android SDK tools.

For those people using a Mac, you can go to your terminal and type

So, this command will open the simulator. After that, just go to the Debug option and tap on “Start Debugging”.

iOS Emulator

If you want to test with an Android Emulator:

What we did was to go first to Android Studio and open a virtual Device with AVD Manager. After that, you’ll see other devices in your Visual Studio Code.

Android Emulator Flutter

In the bottom right you’ll see now that you have 2 devices connected. So, now you can test with any of these devices. Also, you can use the ‘Android iOS Emulator’ plugin and Add the Android Studio Emulator script to your settings in Visual Studio Code:

Mac:

Windows:

Linux:

Run this command in your VS code terminal flutter emulators then see the result. Moreover, if you have installed any emulator it will show you. So, to run one of them use flutter emulators –launch your_emulator_id. But if you haven’t installed any emulator you can install one with flutter emulators –create [–name xyz] then run your project flutter run inside the root directory of the project.

Updating the extension:

Updates to the extensions are shipped on a regular basis. By default, VS Code automatically updates extensions when updates are available. To install updates manually:

Conclusion:

Thanks for being with us! So, in this article, we learned how to SetUp Emulator For VSCode.

Flutter Agency is our portal Platform dedicated to Flutter Technology and Flutter Developers. The portal is full of cool resources from Flutter like Flutter Widget Guide, Flutter Projects, Code libs and etc.

Flutter Agency is one of the most popular online portals dedicated to Flutter Technology and daily thousands of unique visitors come to this portal to enhance their knowledge of Flutter.
Got a Project Idea!
Let’s Discuss

Android Studio vs Visual Studio Code

Android Studio vs Visual Studio Code: What are the differences?

What is Android Studio? Android development environment based on IntelliJ IDEA. Android Studio is a new Android development environment based on IntelliJ IDEA. It provides new features and improvements over Eclipse ADT and will be the official Android IDE once it’s ready.

Android Studio can be classified as a tool in the «Integrated Development Environment» category, while Visual Studio Code is grouped under «Text Editor».

«Android studio is a great tool, getting better and bet « is the top reason why over 164 developers like Android Studio, while over 237 developers mention «Powerful multilanguage IDE» as the leading cause for choosing Visual Studio Code.

Visual Studio Code is an open source tool with 79.4K GitHub stars and 11.1K GitHub forks. Here’s a link to Visual Studio Code’s open source repository on GitHub.

Asana, Microsoft, and Intuit are some of the popular companies that use Visual Studio Code, whereas Android Studio is used by Google, Lyft, and 9GAG. Visual Studio Code has a broader approval, being mentioned in 1134 company stacks & 2381 developers stacks; compared to Android Studio, which is listed in 928 company stacks and 692 developer stacks.

gavinpugh/vs-android

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

readme.md

vs-android is intended to provide a collection of scripts and utilities to support integrated development of Android NDK C/C++ software under Microsoft Visual Studio.

vs-android supports only Visual Studio 2010, 2012 and 2013. Earlier versions lack the MSBuild integration with the C/C++ compilation systems.

Also, the free «Express» editions of Visual Studio are not supported. If you wish to use a free version of Visual Studio, use the new «Community Edition» of Visual Studio 2013. That works fine with external plugins, like vs-android.

Tech Notes / Future Plans

Какую IDE выбрать Android, Flutter и iOS-разработчику

Академия разработки MediaSoft

/* Статья обновлена 7 апреля 2022 */

IDE (Integrated Development Environment) — это интегрированная, единая среда разработки, которая используется программистами для создания ПО. По-другому называется редактором.

Согласно Википедии, на сегодняшний день существует больше 50 различных IDE — универсальных или заточенных под конкретную технологию. Какие-то существуют на рынке давно и собрали свою аудиторию, а какие-то только развиваются. Поэтому перед начинающими разработчиками встает вопрос: какой редактор выбрать?

В этой статье мы разберемся, какими IDE пользуются mobile-разработчики MediaSoft, расскажем про альтернативы и поделимся полезными плагинами и расширениями, которые сделают редактор удобнее в работе.

ANDROID STUDIO

Валерия, Android-разработчик

Почему именно эта IDE

Для разработки под Android я, как и все в нашей команде, использую Android Studio. Доступна для Windows, macOS и Linux. Подойдет как начинающим, так и опытным разработчикам.

Минусы

Android Studio использует очень много оперативной памяти, так что для комфортной разработки требуется мощный компьютер.

Альтернативы

Eclipse — установив плагин Android, можно писать приложения на Java и Kotlin. Или Visual Studio — плагин Flutter позволяет использовать Dart и создавать кроссплатформенные приложения.

Советы

Выучить набор горячих клавиш и просто начать пользоваться 🙂 Все необходимое уже есть, за последнее время я установила только один плагин — Flutter.

Ярослав, Android-разработчик

Почему именно эта IDE

Если вы разрабатываете на Android в 2022 году, то кроме Android Studio у вас буквально нет альтернатив. Можно вспомнить плагин для Eclipse, который перестал поддерживаться ещё в 2015, или Visual Studio и Xamarin. Но едва ли найдётся хоть один, кто скажет, что эти инструменты были лучше, чем IDE на базе JetBrains.

Обозначу, что здесь я рассматриваю особенности Android Studio в первую очередь с точки зрения нативной разработки. Но многое из этого будет справедливо и для кроссплатформенной.

Минусы

Первая и главная проблема Android Studio — её прожорливость. Она потребляет очень солидное количество ресурсов. Хотите начать разрабатывать под Android и чувствовать себя комфортно? Готовьте машину с хорошим процессором и минимум 8 ГБ оперативной памяти. И это только для учебных проектов. В больших коммерческих приложениях необходимым минимумом по ОЗУ будет уже 16 ГБ.

Не обойдётся без зависаний даже на самых мощных конфигурациях. Причём на Mac OS они будут немного чаще. Ещё можно вспомнить отсутствие отладки по WiFi через интерфейс Android Studio для версий Android 10 и старше. Впрочем, при необходимости такая проблема легко решается через терминальные команды adb, либо установку плагина.

Альтернативы

Для кроссплатформенной разработки — уже упомянутая Visual Studio с фреймворками Xamarin или Flutter.

Советы

Плагины и программы, которыми пользуюсь я:

Крайне рекомендую освоить работу с шаблонами Android Studio. Вот примеры шаблонов на базе MVP-библиотеки Moxy

Очень обстоятельный список инструментов и подсказок для Android-разработки. Есть и горячие клавиши, и ссылки на наиболее популярные инструменты.

VISUAL STUDIO CODE

Артем, Flutter-разработчик

Почему именно эта IDE

Мой выбор пал на Visual Studio Code, или по-другому VS Code, потому что эта IDE быстрее всех адаптировалась под новые MacBook на процессоре M1.

По сути VS Code — это текстовый редактор, поэтому он работает быстрее, чем тот же Android Studio. Важным фактором при выборе редактора для работы с Flutter была простота интерфейса. Также VS Code можно удобно настроить под себя — доступны не только самые базовые версии подсветки кода и отладки, но и широкие возможности кастомизации.

Минусы

В VS Code нет опции создания нового Flutter-проекта. По умолчанию он может только открывать готовый. Для создания нового нужно использовать командную строку.

Альтернативы

В качестве альтернатив рассматривал Android Studio и IntelliJ IDEA. Они выигрывают у VS Code по расширенному функционала, но проигрывают по быстродействию. VS Code нужно в разы меньше оперативной памяти.

Советы

В самом VS Code есть сервис Extensions, где можно найти множество полезных для работы плагинов. Помимо тех, которые необходимы для работы Dart и Flutter, могу посоветовать:

X CODE

Елизавета, iOS-разработчик

Почему именно эта IDE

Xcode — IDE от Apple для разработчиков Mac и iOS. Это единственный официально поддерживаемый инструмент для создания и публикации приложений в App Store.

Есть сторонние решения, однако эти IDE не справляются с тестированием и отладкой, а для создания действительно функционального приложения без них не обойтись.

Минусы

К существенным недостаткам можно отнести неудобство мержа pbxproj. Для решения проблемы приходится прибегать к использованию Xcodegen.

Xcode проигрывает другим IDE по части рефакторинга, автодополнения, кодогенерации, но предоставляет широкие возможности для отладки и профайлинга: Debug View Hierarchy, Memory Graph.

В ряде моментов для Xcode характерны внезапные и нетипичные ошибки в работе, которые, как правило, устраняются перезапуском среды.

Альтернативы

AppCode — платная IDE от JetBrains. Но совсем обойтись без Xcode не получиться, так как вылить готовое приложение в App Store можно только через него.

Советы

Вадим, iOS-разработчик

Почему именно эта IDE

В начале моей карьеры доступными IDE были бесплатный Xcode и AppCode по подписке. Само собой, студенту не хочется переплачивать, поэтому я остановился на первом варианте. К тому же Xcode выпускает сама Apple, что дает больше уверенности в продукте.

Среди плюсов выделю наличие встроенного менеджера зависимостей — Swift Package Manager, который в последнее время стал еще комфортнее для работы. Сторонние библиотеки теперь можно загружать прямо из Xcode. Раньше же приходилось сначала устанавливать диспетчеры зависимостей, например, CocoaPods, описывать Podfile и только затем из терминала запускать загрузку библиотек.

Минусы

Баги на новых версиях продукта. Например, на 12 версии Xcode приложение просто крашилось после перехода по quick help.

Ошибки при билдинге. Например, связанные с атрибутом IBDesignable или билдингом при использовании большого количества библиотек на Objective-C.

Необходим большой объем памяти при обновлении на новую версию — 40-50 ГБ на накопителе.

Swift Package Manager при запуске проекта проверяет все загруженные сторонние библиотеки, что занимает какое-то время. Иногда вовсе их теряет и грузит заново.

Альтернативы

AppCode от JetBrains.

Советы

Если вы такие же любители простоты, то могу посоветовать следующие плагины:

В ИТОГЕ

Но выбор всегда остается за вами — поймите цели и задачи вашего проекта и с умом используйте советы наших разработчиков при выборе редактора.

How to install VS Code in an Android Phone?

Visual Studio Code is the most popular code editor or IDE (Integrated Development Environment) currently.

Before starting this post I want to say that there are lot of blogs already present on how to install VS Code on your Android phone but most of them are outdated and are not well written.
So my aim is to right a beginner friendly blog, All you need to do is Download Termux which is an Android terminal emulator and copy paste the commands.

In this article I will tell you how to install VS Code in your Android Phone with the use of Termux emulator.

Although I do not recommend anyone to do all the coding in the phone but still having familiar interface would make things useful.
This was all possible due to the package: Code Server

Termux

Termux is a Android terminal emulator which doesn’t require root, You can download it either from the Google Play store or F-Droid.

NOTE: Since November 2, 2020 Termux in Google Play Store is no longer able to publish updates of Termux application and add-ons because they are not ready for changes upcoming with SDK level 29 (Android 10).

Update Termux

Now that we have installed Termux we need to update the system.

To upgrade Termux run:

Exit fullscreen mode

Install required packages

Now we have to install some keyfiles or required packages which will help us to install and run code-server(VS Code).

To install the required packages:

Exit fullscreen mode

After running this command Termux will ask:

Exit fullscreen mode

You have to press y and the Installation will begin.

VSCode

Now that all the packages has been installed, its time to install VS Code on your Android phone which is approx. 70 MB.

To install VSCode, run:

Exit fullscreen mode

This will take some time to install, so be patient. After install is complete move to the next step.

Get URL and Password

Now before we can start using VS Code we need to get two things:

We can get both the address and Password by running this command:

Exit fullscreen mode

After running this command you will get something like this:

Exit fullscreen mode

Run VS Code

It’s time to run and use the VS Code in you phone.
To run VS Code type this in termux:

Exit fullscreen mode

Now the VS Code is running,

Go to your browser and paste the address that you copied

Your browser will ask for password, paste the password that you have copied from your terminal and click on submit.

Congratulations VS Code is now running on your browser.

8 лучших редакторов кода для мобильных устройств

Зачем нужен редактор кода в смартфоне? Это свобода писать код когда и где угодно. Предугадать, когда в голову придет гениальная идея (или понадобится срочно внести исправление в проект), невозможно. Зато вполне можно заранее установить приложение-редактор в смартфоне и в случае необходимости набирать код с большим удобством, чем в блокноте.

Dcoder

Как утверждается на сайте Dcoder, это самая быстрая мобильная IDE. Она доступна в веб-версии, а также в виде приложений для iOS и Android. Поддерживает большое количество языков (больше 35), включая HTML, CSS, JavaScript, C, C++, Python и Java.

В Dcoder есть автоматическое проставление парных скобок и создание отступов, подсветка синтаксиса. Также вы сможете выбрать тему оформления приложения.

Разработчики Dcoder гордятся маленьким весом своего приложения: всего 6MB. Такую легковесность удалось достичь благодаря использованию облачных компиляторов и облачного хранилища для кода. Но тут есть и обратная сторона: чтобы использовать приложение, нужно непременно быть онлайн.

Turbo Editor

Простой, но при этом мощный текстовый редактор для Android. Имеет открытый исходный код (т. е., при желании и должном умении вы сможете его усовершенствовать по своему вкусу). В этом редакторе вы найдете подсветку синтаксиса для HTML, XHTML, CSS, LESS, JavaScript, PHP, Python и многих других языков, а также режим чтения, автосохранение файлов при выходе из приложения, просмотр результатов работы в браузере.

Quoda

Quoda это простой в использовании редактор кода для Android. Как и другие редакторы в нашем списке, Quoda поддерживает много языков, включая C, C++, C#, CSS, HTML, Java, JavaScript, Lua, Markdown, PHP, Python, Ruby. Есть подсветка синтаксиса, расширенная клавиатура, функционал поиска и замены с применением регулярных выражений и учетом регистра.

В платной версии доступны автодополнение кода, интеграция SFTP/FTP(S) и облачных хранилищ, а также предпросмотр страниц в разметке HTML/Markdown (на планшетах).

QuickEdit

Быстрый, надежный редактор, в котором есть функционал для работы как с простым текстом, так и с кодом. Как утверждают разработчики этого приложения, к его отличительным особенностям можно отнести скорость работы и отзывчивость. По этим критериям QuickEdit превосходит многие аналогичные приложения.

В этом приложении вы найдете подсветку синтаксиса для 50 с лишком языков, возможность включать и выключать нумерацию строк, поддержку физической клавиатуры, плавную прокрутку, автоматическое определение кодировки, возможность отмены действий (без ограничений). Поддерживается доступ к файлам в облачных хранилищах.

Our Code Editor Free

Как следует из названия, этот редактор бесплатный (но есть показ рекламы). А как указано в описании на Google Play, это целая IDE для Android. Причем она может работать без подключения к интернету. Правда, в таком случае вам не удастся поработать с файлами в облачных хранилищах (а вообще такая возможность есть).

Android Web Developer (AWD)

AWD — это IDE для веб-разработки. Языков и форматов поддерживает не много: PHP, CSS, JS, HTML, JSON. Есть возможность дистанционной работы с проектами (по протоколам FTP, FTPS, SFTP, WebDAV).

В AWD вы найдете (среди прочего) подсветку синтаксиса, автодополнение кода, автоопределение кодировки файла, интеграцию Git (в платной версии), функционал поиска и замены с применением регулярных выражений, поддержку физической клавиатуры.

Android Interactive Development Environment (AIDE)

AIDE — это интегрированная среда разработки для создания Android-приложений прямо на Android-устройствах. Поддерживает Java, C/C++, HTML5, CSS и JavaScript.

В этом приложении вы найдете автодополнение кода, проверку ошибок, подсветку синтаксиса для Java и XML. Есть интеграция с Dropbox. Благодаря совместимости с Eclipse можно открывать Eclipse-проекты. Для профессиональной разработки поддерживается Git.

Отличительная черта этого приложения — интерактивные уроки кодинга с пошаговыми инструкциями (курс программирования на Java, Android-разработки, создания игр).

Казалось бы, все просто отлично, но в комментариях люди жалуются на невозможность сохранять файлы в бесплатной версии и на навязчивые предложения перейти на платный вариант.

Codeanywhere

IDE для работы на Android-устройствах. Включает в себя редактор кода, FTP-клиент и терминал. Поддерживает огромное количество языков (больше 100). Есть возможность подключения к сторонним сервисам (Dropbox, Google Drive, OneDrive, Amazon S3, Github, Bitbucket).

Если у вас нет собственного сервера, Codeanywhere может запустить для вас Linux-контейнер, в котором будут доступны, к примеру, WordPress, Drupal, Magento.

По мотивам статьи «Top 8 Code Editors for Mobile Application Development».

Vs code android

Одним из популярнейших текстовых редакторов на сегодняшний день является Visual Studio Code. И Google предоставляет для него плагин для разработки под Flutter.

После этого откроется панель расширений. Введем в поле поиска слово «Flutter»:

Нужный плагин носит имя «Flutter» (как правило, первый результат среди результатов поиска). И для его установки нажмем на кнопку Install.

Поскольку этот плагин зависит от плагина для Dart, то плагин Dart также автоматически будет установлен.

Затем в новом окне выберем папку, где будет располагаться проект

Затем в новом окне введем название проекта, например, «hello_app» и введем Enter

В итоге будет создан проект с той же структурой, что и в предыдущих статьях. А в текстовом редакторе будет открыт файл main.dart :

В результате будет построено приложение. Сверху VS Code ообразится панель для управления отладкой, а снизу ообразится вся отладочная информация

А на мобильном устройств будет запущено приложение

ADB Interface for VSCode

Vinicios Clarindo

🔌 ADB Interface for VSCode

You can help with Code or with Energy everthing are welcome 😉

This simple ADB-Wrapper try makes easy connect to android devices over wifi, without console use, and do other things.

⚠️ ONLY TESTED IN WINDOWS (For while, you need have ADB Interface installed in your system)

Table of contents

Commands Available

How it works

ADB location resolution

By default the extension is looking for ADB in the following locations:

The extension will resolve the ADB location each time an ADB command is executed.

The ADB location can be customized using the Setup custom ADB location command. The custom ADB location can be cleared using the Remove custom ADB location command.

Demos

Below you can see some GIFs demostrating use cases.

Attach ADB to an Device via WIFI

Installing APK files throught ADB

Tests

All done with Jest you can read more about here.

You can also use the project alias that watch file changes while developing:

APKLab/APKLab

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

The ultimate Android RE experience right inside your VS Code.

APKLab seamlessly integrates the best open-source tools: Quark-Engine, Apktool, Jadx, uber-apk-signer, apk-mitm and more to the excellent VS Code so you can focus on app analysis and get it done without leaving the IDE.

JDK 8+

quark-engine >=21.01.6 (for malware analysis)

Run quark in your Shell, if not found, check official docs.

adb

Run adb devices in your Shell, if not found, check this guide.

Open APK or Apktool project

Open the Command Palette ( Ctrl + Shift + P ) ➜ APKLab: Open an APK

Or Just open an existing Apktool project folder

Apply MITM patch

Right-Click on or inside apktool.yml file ➜ APKLab: Prepare for HTTPS inspection

ReBuild and Sign APK

Right-Click on or inside apktool.yml file ➜ APKLab: Rebuild the APK

Install APK to device

Clean ApkTool frameworks dir

apklab.jadxDirPath : Full Path of jadx-x.y.z dir. If you want to use a different version of it, change it like:

apklab.keystorePassword : Put the password of your keystore here.

apklab.keyAlias : Put the alias of the used key in the keystore here.

apklab.keyPassword : Put the password of the used key in the keystore here.

Please check our Bug tracker for known issues.

For bug reports, feature requests or simply discussing an idea, please open an issue here. PRs are always welcome.

About

Android Reverse-Engineering Workbench for VS Code

Live debug your Cordova/Ionic application with Visual Studio Code

In this article, I will show you how to setup your development environment using VS Code to be able to debug correctly your Ionic app running on iOS or Android.

I’ll consider you have already been playing around with Ionic 3 and managed to make it run it on a device or emulator. If you haven’t done that yet, I invite you to learn all that on the Ionic website.

I’ll also assume that you have already installed Visual Studio Code. If you haven’t tried it, it’s a really lightweight IDE and has pretty much all the features you need to develop mobile applications using Ionic 3. Also, it’s free and has a huge community making it better and better every day.

Once upon a time, debugging Ionic apps was taking way too much time.

Ionic 1 was a real revolution for me as a frontend developer. Suddenly I could create mobile apps working on iOS AND Android just with my web developer knowledge. It was awesome!

But, as for many early technologies, there were caveats. And the biggest one of all was: Debugging. At first, I thought that just serving the app and having live reload on the browser would be enough to be able to find and fix easily all the bugs just by using console.log(). You know, these console.log() you forget in your code after fixing your bug and that haunts your debug console for days, because you’re too lazy to remove them. Yeah, you’re a javascript developer, you know what I’m talking about :). And for the platform specific bugs, I would just have to debug my Android apps with the chrome dev tools and iOS apps with the Safari dev tools. There couldn’t be so many bugs specific to each platform! I was wrong.

If you create an hybrid app, you’ll surely run into some nasty platform specific bugs. And they’ll be tricky to fix. Trust me, you need the most efficient debug environment to find and fix them quickly.

At that time, when I needed to find a bug on Android, I had to build the web app, build the Android app with Cordova, launch it on a device or an emulator, launch chrome dev tool to connect to the running app, put my breakpoints, find a possible cause, fix it in my code and do this process all over again. This whole process was taking way too much time.

And now, thanks to Ionic 3 and Visual Studio code, I can finally put my breakpoints directly in my own code and live reload my apps running on an iOS or Android device!

So, less talking, more debugging. I’ll show you how to make the magic happen.

Ionic and live reload

Starting from Ionic 2, you can live reload your Android/iOS application connected to your computer. You can change the code, and the app will reload with the changes directly. No need to build it all over again!

To do that on Android, nothing easier, just run:

This should launch the app on an Android emulator or a device if you plugged one in. And MAGIC, you can edit your code and the app will refresh itself!

OK, that’s a start, but we still need to put our breakpoints in the chrome dev tool if we need to debug our app step by step. And we don’t want that, do we?

Debug step by step within VS Code

First, you’ll need to install the Cordova Tools extension for Visual Studio Code.

Open up VS Code, click the extension icon on the left-hand side and search for «Cordova Tools». Install it and reload VS Code, as asked.

Install the Cordova Tools Extension for VS Code

Next, click the debug icon on the left-hand side and click the gear icon at the top of the Debug panel and select «Cordova» in the dropdown at the top.

Select the Cordova environment in the Debug Panel

If you run «Serve to the browser (ionic serve)», a new browser window will launch and you’ll already be able to debug step by step within VS Code your app running in the browser.

That’s already way better than debugging step by step in chrome dev tools and then making again the changes in your code. We’re actually debugging directly in our own code in VS Code!

So now, let’s test this baby with a running iOS and Android app!

Live Debug on Android

First, if you haven’t build an Android app before, you’ll need to install Android Studio to be able to do so. You’ll also need to create an Android virtual device with AVD manager.

You will also need to enable the developer mode on your Android device if you want to run the app on a real device. To do so, you can take a look at my post explaining how to debug a Cordova application on Android with Chrome.

Once you’ve done all that, running your app on Android should work perfectly. just run the «Run Android on emulator» and of course, set the «ionicLiveReload» parameter to true if you want to be able to make live changes to your app:

Debugging the app running on an Android emulator

That’s it for Android! Pretty awesome, right?

The awesome Genymotion

If you haven’t heard about Genymotion, I really recommend you take a look. Their Android emulators are way faster than the ones in Android Studio. And, as I already said in this article, time is precious when debugging!

If you do use Genymotion, careful, it seems that adb recognises the emulator as a real device.

So launch your Genymotion virtual device and execute «Run Android on device» instead of «Run Android on emulator».

Live debug on iOS

This was a little trickier to make it running smoothly on iOS.

Prerequisites

VS Code will need one more thing to be able to connect to running iOS devices: iOS Webkit Debug Proxy (IWDP). Install it using Brew:

If, like me, you’ve updated XCode and got the new iOS versions (11.3), you’ll probably get an error while VS Code tries to attach to the iOS simulator:

Like mentioned in a comment in this issue, if you get this error, you need to reinstall IWDP with the latest libmobiledevice. On the terminal, just run this:

Well, actually, that didn’t do the trick for me. I suppose there’s currently a problem with the 11.4 version of iOS, I can’t seem to see the device through the proxy. It worked fine with 11.2 for me.

So let me show you a nice trick if you have the same problem: let’s specify the emulator target to run, for example, on an older iOS version.

To do so, you need to run this command:

This will list all the available emulations like this:

All you need to do now is open the launch.json file in VS Code and in the «Run iOS on simulator» parameters, replace the «target» parameter, which was «emulator», by one of the virtual devices listed above. For example «iPhone-6, 10.0».

Of course, if you want to be able to make live changes to the app, set the «ionicLiveReload» parameter to true in the «Run iOS on simulator» parameters.

In a nutshell, to run your application in an emulator with iOS 10 and be able to debug step by step and make live changes to your code, here’s the needed configuration in the launch.json :

Now execute the «Run iOS 10 simulator» in the Debug panel list. The specified iOS emulator will launch and you will be able to debug your iOS app directly in VS Code!

Debugging the app running on an iOS emulator

Conclusion

I hope this article helped you setup a working environment to help you debug Ionic applications with Visual Studio code.

So no more excuses, go find these nasty platforms bugs and fix them!

If you have questions or remarks concerning this article, please feel free to share them in the comments below!

Mitch

I’m a freelance full stack developer working in Paris. I love everything that involves websites and mobile apps. That includes startups, UX design, growth hacking, productivity and many more.

Creating Flavors for Flutter app (VS Code & Android Studio)

This article will teach you how to setup separate targets for Dev, Staging and Production Environments in Flutter and add these configurations to IDEs (VS Code and Android Studio) to toggle between these targets with EASE.

Do you think only smart OR hard work pays off?

I think the hard and smart work balance will drive you to the success possibly!!

I am working on my self these days, trying to improve lifestyle by improving my daily habits. Let me share some of my experiments.

Do you know Pomodoro Technique?

The Pomodoro Technique is a time management method developed by Francesco Cirillo in the late 1980s. The techniqueuses a timer to break down work into intervals, traditionally 25 minutes in length, separated by short breaks.

I am trying to follow Pomodoro at my work place, it’s hard to follow while you start, because every break time you are in between a task of finished task early than break time, but the result is way more productive. While you know you will have to take a break, your focus more on your work, and in a break you will have enough time to think the problems and road map to finish it.

For example: While learning to drive, you may notice if you take a short break then try again, your driving is improved. This is how Pomodoro Technique work.

It’s comparatively easy to get rank in top 10 than be a topper in class!

Yes that’s true and everyone know if you are not a last bencher and late night reader like me 😉. That’s why back in 1895 Vilfredo Pareto introduce 80-20 rule.

Roughly 80% of the effects come from 20% of the causes.

Let’s see how it applies to Software and Sports as these are of my interest fields.

In Software:- Microsoft noted that by fixing the top 20% of the most-reported bugs, 80% of the related errors and crashes in a given system would be eliminated.

In Sports:- Roughly 20% of the exercises and habits have 80% of the impact and the trainee should not focus so much on a varied training.

Enough motivation, but this is directly relate to topic only. lets dig in to the topic!

Overview

Why we need multiple targets? How to make it?

As a developer, we have to deal with multiple environments like those required to separate testing and production configurations. We need to have separate configurations like base url, configuration keys, app names, app icons, databases, etc. Most of products follow two environments, “development” and “production”. In some cases, staging and QA are used between development and production to ensure the expected outcome.

So common used environments are Development, , Production.

When starting with Flutter, one of the questions I asked myself was “how can I manage environment variable in Flutter like I am using in iOS”.

As luck would have it, I found this stakoverflow answer by Seth Ladd, a Product Manager at Google, formerly of the Flutter team, now working on Fuchsia. I also found this blog which is only for Android Studio/InteliJ.

Since Vs Code is my editor of choice, I decided to write a similar article for VS.

My favorite Flutter IDE is VS Code and the following are my personal preferences:
— I am full-time iOS Developer 😎😉, so I don’t mind to fresh start with VS Code
— VS Code is fast and lightweight (smooth operator), less memory usage and battery life
— I love the blue Theme of VS Code, later I customized my Xcode them to Blue, same like VS Code
— It let me focus, more responsive and not sluggish

Android Studio Flutter ready Setup

There might be times while using VsCode where you need to change something Android specific. In Vs Code, you can right click the Android folder and choose “Open in Android Studio”.

Once opened, you might be faced with the following error:

The solution for this is pretty easy, you need to add the Flutter SDK path.

Click on Android Studio on top left → Select Preferences… → Unfold Langues & Frameworks → Select Flutter → Select Flutter SDK Path → Click on Apply Button.

Prerequisite

Create a new app and do following minor changes.

Currently app support single environment, there is no way to set a different configurations for different environments(Except commenting/un-commenting code🤨). We will set three different environments Development, Staging and Production.

We will configure following things to separate each build from other,
1. Set app bar title with text App name —
2. Set first label with description of the target
3. Set second label text with base url used for selected target
4. Set separate ThemeData for each target

Create App Configuration

Lets create app_config.dart which will contains all environment related configurations.

Create main file for each environment

In each main file, we’ll set configurations in AppConfig class with the appropriate configuration data before runApp called. From then AppConfig can be used in entire app with access of shared instance.

Likewise we have to set different configuration for different main file according to environment.

As we are using shared instance access of AppConfig properties will be same throughout the app as the reference is shared.

Run/Build using terminal

Run flutter help run in terminal to know about run parameters.

So far so good. But how handy it is to run command in terminal every-time? It’s very easy if we have an option to switch between environments in our respective IDEs.

Using VS Code

Follow these steps below to setup targets in VS Code

1. Press ⌘⇧D if you are not in debug tab yet.
2. Click on configuration beside play button.
3. Select add configuration… from dropdown
4. It will open a drop down in launch.json file
5. Search Flutter and select <>Flutter: Launch

6. Add «program»: «lib/main.dart» for if it’s not already exist there ( default is main.dart if you don’t write program field)
7. Rename “name” with your app name
8. Copy that configuration and past two times for Dev and Staging
9. Change name and program for just pasted configurations as per follow

Now toggle the targets from drop-down beside play button and test your configurations for Development, Staging and Production.

Run it using fn + F5 or F5, hot reload will not push the change because we did change in launch.json and main.dart file.

Using Android Studio

Now you can toggle between targets in Android Studio too. Toggle between targets and play with it.

Flutter multiple target demo source code is here.

Android Configuration

Let’s setup flavors in Android as well to separate platform specific configurations.

iOS Configuration

Add different schemes to iOS project, open iOS workspace in Xcode and follow the steps,

Set project configurations as follows

It’s time to assign proper configurations to our schemas,

Repeat above steps for all the pending flavors in the app.

My articles are free, but you know you can press the clap👏 button 50 times? The higher you go, the more it motivates me to write more stuff for you guys!

How to connect android devices to vs code in flutter for check the code?i turned on debugging too

I am stuck here. I connect a USB drive from my laptop to the android device but still vs code shows no device. Image Attached

1 Answer 1

Considering that you have successfully installed Flutter and Dart and their respective VS Code Plugins.

There are 2 ways to do it

If you have a physical Android Device, you must enable USB debugging on your device and then you can connect it directly to your machine. Once the device is successfully connected and detected by your machine, then its name would appear on bottom right corner in VS Code window.

If you don’t have a physical device, then you must create an emulator image of Android platform of your choice. The emulator image must be created from AVD manager present in Android SDK. Once the AVD image is ready and running, the name of the AVD would appear on bottom right corner of VS Code window.

If you see your device name on bottom corner of VS Code, then press F5 and wait for the app to load on the device/emulator.

Android GUI XML vs Code

I have a short question according to creating GUIs in android. What way is better xml or coding? I always read that xml is way better but imagine you have a scrollview. Inside the scrollview is a relativelayout. Inside that there shall be several rows with an ImageView next to a TextView next to a RadioButton. The number of rows can vary. Is it really better to make lets say 50 Views in the xml or a loop in code where these views are created?

5 Answers 5

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

Each has its pros and cons. Just to name a few:

XML

Dynamic (code)

If you need to add components dynamically, only way is go with code (or) mixed approach (define layout in XML and add components in code). If your components are static XML may be best.

Dynamic content is, of course, added dynamically. So your example would require some java code. You should only add the dynamic part programmatically though, so you’d still use an xml document for the static parts (it’s very unusual for a layout to be completely dynamic).

If you have a fixed number of views then yes, I’d write 50 of them in xml rather than with a loop. I guess you’re wondering about code duplication and, as far as I know, you’ll get some when using xml.

(One way to minimize code duplication within xmls’ is with the usage of styles and themes)

Как настроить устройства для VS Code для эмулятора Flutter

Я хотел бы использовать VS Code в качестве редактора для разработки Flutter, но я не знаю, как запустить эмулятор. Я установил VS Code на Ubuntu 17.10.

Я следовал первой половине инструкций, описанных на странице Флаттер: начало работы (Создать новое приложение). Тогда я столкнулся с неприятностями во втором тайме:

Запустите приложение

Проблема в том, что в правом нижнем углу «Нет устройств».

Как мне подключить устройство? Я не могу найти инструкции нигде.

13 ответов

Я протестировал эту функцию и очень хорошо работал на версии 0.5.6-pre.61 флаттера (мастер-канал)

Вам не нужна Android Studio для создания или запуска виртуального устройства. Просто используйте sdkmanager и avdmanager из инструментов Android SDK.

Если вы перезапустите VSCode и загрузите ваш проект Flutter. Новое устройство должно отображаться в нижнем правом углу нижнего колонтитула.

Вы можете подключить телефон Android через USB-кабель, и тогда в нижней панели отобразится устройство. (Обратите внимание, что ADB должен быть установлен. Нажмите здесь для получения дополнительной информации)

Или вы можете полностью установить Android Studio и настроить эмулятор оттуда и запустить эмулятор. Затем VS Code запустит эмулятор и покажет внизу.

Во-первых, вам нужно установить Android Studio и Xcode, чтобы создать эмулятор телефона.

В VSCode вы можете использовать эмулятор Android IOS . Плагин для установки пути запуска эмулятора.

В качестве альтернативы, если вы включаете режим разработчика и (ADB) все еще требуется, вы можете использовать соединение с устройством.

Как только вы включите его и подключите устройство, вы можете начать видеть устройство в VSCode

Были сделаны следующие шаги:

Вам не нужно создавать виртуальное устройство с помощью Android Studio. Вы можете использовать свое устройство Android, работающее на Android 8.0 или выше. Все, что вам нужно сделать, это активировать настройки разработчика, а затем включить USB-отладку в настройках разработчика. Ваше устройство будет отображаться в нижней правой части кода VS. Без включения отладки по USB устройство может не отображаться. введите описание изображения здесь

Установить «ANDROID_SDK_ROOT» в переменной среды, решить мою проблему.

Чтобы выбрать устройство, вы должны сначала запустить и Android Studio, и ваше виртуальное устройство. Затем код Visual Studio будет отображать это виртуальное устройство в качестве опции.

Затем введите Flutter:launch emulator или

Вы можете использовать плагин эмулятор Android iOS. и добавьте скрипт эмулятора Android Studio в свои настройки в коде Visual Studio:

Mac : emulator.emulatorPath»: «

Windows : emulator.emulatorPath»: » \\Sdk\\emulator\\emulator.exe

Linux : emulator.emulatorPath»: «

VS Code должен знать, где Android SDK установлен в вашей системе. В Windows задайте для переменной среды «ANDROID_SDK_ROOT» корневую папку Android SDK.

Плюс: всегда проверяйте вкладки «OUTPUT» и «DEBUG CONSOLE» на наличие ошибок и информации.

Для тех, кто использует Mac, вы можете зайти в свой терминал и набрать

И эта команда откроет симулятор.

После этого просто перейдите к параметру «Отладка» и нажмите « Начать отладку ».

Если вы хотите проверить с помощью эмулятора Android,

Сначала я пошел в Android Studio и открыл виртуальное устройство с помощью AVD Manager. После этого вы увидите другие устройства в вашем коде Visual Studio

В правом нижнем углу вы увидите, что у вас есть 2 подключенных устройства. Теперь вы можете проверить с любым из этих устройств.

Can VS Code run on Android? [closed]

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Does anybody know about plans of MS to support running VS Code so it can run on Android OS?

6 Answers 6

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

Running VS Code on Android is not possible, at least until Android support is implemented in Electron. This has been rejected by the Electron team in the past, see electron#562

Visual Studio Codespaces and GitHub Codespaces an upcoming services that enables running VS Code in a browser. Since everything runs in a browser, it seems likely that mobile OS’ will be supported.

It’s also possible to run VS Code on Android by installing Linux on your Android device as described in this answer.

I don’t agree with the accepted answer that the lack of electron prevents VSC on Android.

API’s would need to be mapped from their electron equivelents, and many of the plug-ins will have their own issues (but Android is reasonably flexible about allowing stuff like Python compared to iOS) so it is doable.

On the other hand, the demand for an Android version of VSC probably comes from people using the new Chromebooks that support Android, and there is already a solution for ChromeOS using crouton, available here.

There is a browser-based application that allows you to develop on a browser on your Android or any other device in a VSC-like environment. Check it out here:

Edit: This is not the exact VSC implementation and it does not have all the features of VSC, such as extensions. It’s just a VSC-like environment.

versionCode vs versionName in Android Manifest

I had my app in the android market with version code = 2 and version name = 1.1

However, while updating it today, I changed the version code = 3 in the manifest but by mistake changed my version name to 1.0.1 and uploaded the apk to the market.

Now, will the users of my app get an update notification on their phones or not? Or should I redo the process again?

12 Answers 12

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

android:versionCode

An internal version number. This number is used only to determine whether one version is more recent than another, with higher numbers indicating more recent versions. This is not the version number shown to users; that number is set by the versionName attribute. The value must be set as an integer, such as «100». You can define it however you want, as long as each successive version has a higher number. [. ]

android:versionName

The version name shown to users. This attribute can be set as a raw string or as a reference to a string resource. The string has no other purpose than to be displayed to users. The versionCode attribute holds the significant version number used internally.

Reading that it’s pretty clear that versionName is just something that’s shown to the user, versionCode is what matters. Just keep increasing it and everything should be good.

Dont need to reverse your steps. As you increased your VersionCode, it means your application has upgraded already. The VersionName is just a string which is presented to user for user readability. Google play does not take any action depending on VersionName.

For example: Say you release an app, its initial versionCode could be 1 and versionName could also be 1. Once you make some small changes to the app and want to publish an update, you would set versionName to «1.1» (since the changes aren’t major) while logically your versionCode should be 2 (regardless of size of changes).

Say in another condition you release a completely revamped version of your app, you could set versionCode and versionName to «2».

Hope that helps.

You can read more about it here

Version code is used by google play store for new update. And version name is displayed to the user. If you have increased version code then update will be visible to all user.

For more detailed inform you give 2 minute reading to this article https://developer.android.com/studio/publish/versioning.html

I’m going to give you my interpretation of the only documentation I can find on the subject.

«for example to check an upgrade or downgrade relationship.»

Given a version number MAJOR.MINOR.PATCH, increment the:

Version Code & Version Name

As you may know, on android you have to define two version fields for an app: the version code (android:versionCode) and the version name (android:versionName). The version code is an incremental integer value that represents the version of the application code. The version name is a string value that represents the “friendly” version name displayed to the users.

android:versionCode — An integer value that represents the version of the application code, relative to other versions.

The value is an integer so that other applications can programmatically evaluate it, for example to check an upgrade or downgrade relationship. You can set the value to any integer you want, however you should make sure that each successive release of your application uses a greater value. The system does not enforce this behavior, but increasing the value with successive releases is normative.

android:versionName — A string value that represents the release version of the application code, as it should be shown to users.

As with android:versionCode, the system does not use this value for any internal purpose, other than to enable applications to display it to users. Publishing services may also extract the android:versionName value for display to users.

Typically, you would release the first version of your application with versionCode set to 1, then monotonically increase the value with each release, regardless whether the release constitutes a major or minor release. This means that the android:versionCode value does not necessarily have a strong resemblance to the application release version that is visible to the user (see android:versionName, below). Applications and publishing services should not display this version value to users.

Три относительно честных способа создания Flutter проекта

Поэтому, если вы изучите Dart и Flutter, вы сможете писать нативные приложения для двух самых популярных мобильных операционных систем, т.е. быть одновременно Android и iOS разработчиком. И это, вероятно, ещё не предел, поскольку было объявлено, что Google ведёт работу по расширению Flutter на предмет возможности создания с его помощью приложений для Windows, Mac и Web (проект Flutter для Web носит название Hummingbird — Колибри). В итоге может получиться так, что зная Dart и Flutter вы сможете писать всё очень многое. Поэтому многие IT эксперты назвали 2018 год — годом Flutter.

Теперь за дело. Сейчас мы сделаем следующее

Устанавливаем Flutter и создаём проект из командной строки

Можно создавать проект из командной строки Windows:

Готово! Файлы проекта можно редактировать любым текстовым редактором, хоть в блокноте. Но это хорошо разве что для мелких правок. Поэтому мы…

Когда всё готово — запускаем Android Studio, и устанавливаем плагины Flutter и Dart. Для этого в начальном экране Android Studio справа внизу жмём на значок шестерёнки и выбираем Plugins:

В открывшемся окне внизу нажимаем кнопку Browse repositories.

В поисковую строку вводим flutter, выбираем и устанавливаем (у меня уже установлен, поэтому не видно соответствующей кнопки):

Android Studio предложит также установить плагин Dart от которого зависит работа плагина Flutter. Соглашаемся. В итоге у вас должно быть установлено как минимум два плагина:

Перезапускаем Android Studio, и теперь давайте убедимся, что всё идёт хорошо. Для этого в командной строке выполним команду:

Сканирование займёт десяток секунд, и затем вы можете увидите примерно такой результат:

Вот мы и готовы создать Flutter проект в Android Studio. После установки плагинов Flutter и Dart в начальном экране Android Studio должна появится опция Start a new Flutter project. Выбираем её:

Далее соглашаемся с выбранной по умолчанию опцией Flutter Application и нажимаем кнопку Next:

Наконец, указываем доменное имя (которое в реверсивном порядке будит использовано как ID Android приложения), а также опционально — поддержку языков Kotlin и Swift (если не указать — по умолчанию будут поддерживаться только Java и Objective-C). Нажимаем кнопку Finish.

В зависимости от производительности компьютера, ждём несколько минут пока проект будет создан… Готово! Он должен выглядеть примерно так:

Обратите внимание на стрелку, указывающую на вкладку Flutter Inspector. В этом инспекторе имеется функционал, позволяющий делать ряд очень полезных во время разработки вещей, в т.ч. просмотр приложения на девайсе Android в режиме представления на iOS!

И наконец, устанавливаем VS Code, расширения, и создаём третий Flutter проект

Скачиваем последнюю версию Visual Studio Code для своей операционной системы, устанавливаем на свой компьютер, следуя за мастером установки, и запускаем VS Code. Затем на боковой панеле нажимаем на кнопку Extensions (показана стрелкой) или на клавиатуре — Ctrl+Shift+X:

С помощью поиска ищем расширение Flutter.

VS Code, как и в случае с Android Studio, предложит установить необходимое дополнительное расширение Dart. Устанавливаем и его. В итоге должны иметь два (или более) активированных расширения:

А теперь создаём Flutter проект. Нажимаем на значок шестерёнки в левом нижнем углу, и выбираем Command Pallete. (или на клавиатуре — Ctr+Shift+P). В командной строке Command Pallete начинаем печатать flutter, и из появившегося списка выбираем Flutter: New Project:

Даём проекту название и нажимаем клавишу Enter:

Появится диалоговое окно, предлагающее выбрать папку, в которой необходимо создать Flutter проект. Выбираем и нажимаем кнопку с длинным названием Select a folder to create the project in:

How to add Android emulators to VS code?

When I use flutter run command it shows the following message:

Also this is the result of flutter emulators command:

Is it possible to add Android emulators to the list of flutter run command beside chrome and edge browsers?

3 Answers 3

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

Then when you run flutter run you should see your new android emulator.

The flutter devices command shows «available devices». Emulators that have not been started are not «available» until they’ve been started.

If you’re using VS Code, you may find it better to use the built-in device management and debugging rather than using the terminal. In the status bar in the bottom right corner it should show your «active device» and if you click on it, it will let you switch to another device. That list shows emulators even if they’re not started, and selecting one will automatically start it.

Download Android SDK and make initial setup.

Relaunch VSCode and clean the project:

if this didn’t help, try to update licences:

How can I use MS Visual Studio for Android Development?

Can you use Visual Studio for Android Development?

15 Answers 15

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

Yes, you can use Visual Studio for Android (native) using «vs-android».

Here are the steps to set it up:

Download the Android SDK here.

Download the Android NDK here.

Download the JDK here.

Download Visual Studio 2010, 2012 or 2013 here.

Download Apache Ant here.

Set environment variables:

(Control Panel > System > Advanced > Environment Variables)

It works like a charm. and best so far to use.

In case you get «Unable to locate tools.jar. Expected to find it in C:\Program Files (x86)\Java\jre6\lib\tools.jar» you can add an environment variable JAVA_HOME that points to your Java JDK path, for example c:\sdks\glassfish3\jdk (restart MSVC afterwards)

An even better solution is using WinGDB Mobile Edition in Visual Studio: it lets you create and debug Android projects all inside Visual Studio:

Believe me, I’ve tried so hard to find a decent IDE for Android developement but I failed. I used Visual Studio for many years, and it is so hard for me to get use to the way Eclipse doing things.

However, the new IntelliJ supports for Android development, it’s the closest you can get.

If you’re interested in producing HTML5 hybrid applications (web apps wrapped in a native container giving access to device functions), the Nomad Visual Studio extension supports building for android devices.

From the Android documentation:

The recommended way to develop an Android application is to use Eclipse with the ADT plugin. However, if you’d rather develop your application in another IDE, such as IntelliJ, or in a basic editor, such as Emacs, you can do that instead.

Currently, there are plug-ins for IntelliJ IDEA and NetBeans, but you can still use the tools in /tools to build, debug, monitor, measure and start the emulator.

Much has changed since this question was asked. Visual Studio 2013 with update 4 and Visual Studio 2015 now have integrated tools for Apache Cordova and you can run them on a Visual Studio emulator for Android.

Microsoft Visual Studio 2015 now has options for Android development: C++, Cordova, and C# with Xamarin. When choosing one of those Android development options, Visual Studio will also install the brand new Visual Studio Emulator for Android to use as a target for debugging your app. You can also download the emulator without needing to install Visual Studio. For more details see

That depends on what you actually want to achieve.

You want to keep on making normal Java-based Android application, but use Visual Studio for development? Then it’s bad news, as Visual Studio has no built-in java support. Thus, if you use it out-of-the-box, you will lose all Java-specific Eclipse functionality (IntelliSense for Java, Java debugger, wizards, etc) as well as numerous Android plugins (that are Eclipse-specific and won’t work with VS).

On the other hand, you can use Mono for Android to develop apps in C# in VS, but they won’t look as smooth as the native apps (some functionality might be missing, look-and-feel slightly different, etc.). In that case such app could sell less than a «normal» Java app that looks and feels like all other Java apps.

If you are talking about native Android code (in C/C++), such as games, the news are not as bad. As Visual Studio has no problem with C++, there are numerous ways to make it work:

If you only want to compile your code, you can use the free vs-android toolset. It’s essentially a set of build rules telling Visual Studio how to launch Android compiler.

If you want to compile and debug your native code with Visual Studio, you will need something more advanced, such as VisualGDB for Android. It can build/debug your Native code independently, or together with debugging Java code from Eclipse.

How to install AVD on VS code?

The error is saying that: «No suitable Android AVD system images are available.You may need to install these using sdkmanager, for example: sdkmanager «system-images; android-27; google_apis_playstore;x86»

Can someone help me out with it? Thanks a lot!

1 Answer 1

How to SetUp Emulator For VSCode?

From version 2.13.0 of Dart Code, emulators can be launched directly from within code but This feature relies on support from the Flutter tools which means it will only show emulators when using a very recent Flutter SDK. Flutter’s master channel already has this change, but it may take a little longer to filter through to the dev and beta channels.

We have tested this feature and worked very well on flutter version 0.5.6-pre.61

You do not need Android Studio to create or run a Virtual Device. Just use sdkmanager and avdmanager from the android sdk tools.

For those people using a Mac, you can go to your terminal and type

and this command will open the simulator. After that, just go to the Debug option and tap on “Start Debugging”

If you want to test with an Android Emulator:

What I did was to go first to Android Studio and open a virtual Device with AVD Manager. After that, you’ll see other devices in your Visual Studio Code.

In the bottom right you’ll see now that you have 2 devices connected. Now, you can test with any of these devices.

So You can use the ‘Android iOS Emulator‘ plugin and Add the Android Studio Emulator script to your settings in Visual Studio Code:

run this command in your VS code terminal flutter emulators then see the result if you have installed any emulator it will show you, then to run one of them use flutter emulators –launch your_emulator_id in my case flutter emulators –launch Nexus 6 API 28 but if you haven’t installed any emulator you can install one with flutter emulators –create [–name xyz] then run your project flutter run inside the root directory of the project.

You can review the full answer from the following link

Visual Studio Code

Installation and setup

Follow the Set up an editor instructions to install the Dart and Flutter extensions (also called plugins).

Updating the extension

Updates to the extensions are shipped on a regular basis. By default, VS Code automatically updates extensions when updates are available.

To install updates manually:

Creating projects

There are a couple ways to create a new project.

Creating a new project

To create a new Flutter project from the Flutter starter app template:

Opening a project from existing source code

To open an existing Flutter project:

Editing code and viewing issues

The Flutter extension performs code analysis that enables the following:

Running and debugging

Note: You can debug your app in a couple of ways.

The instructions below describe features available in VS Code. For information on using launching DevTools, see Running DevTools from VS Code in the DevTools docs.

Selecting a target device

When a Flutter project is open in VS Code, you should see a set of Flutter specific entries in the status bar, including a Flutter SDK version and a device name (or the message No Devices):

Note:

The Flutter extension automatically selects the last device connected. However, if you have multiple devices/simulators connected, click device in the status bar to see a pick-list at the top of the screen. Select the device you want to use for running or debugging.

Are you developing for macOS or iOS remotely using Visual Studio Code Remote? If so, you might need to manually unlock the keychain. For more information, see this question on StackExchange.

Run app without breakpoints

Run app with breakpoints

Run app in debug, profile, or release mode

Flutter offers many different build modes to run your app in. You can read more about them in Flutter’s build modes.

Open the launch.json file in VS Code.

If you do not have a launch.json file, go to the Run view in VS Code and click create a launch.json file.

Fast edit and refresh development cycle

Flutter offers a best-in-class developer cycle enabling you to see the effect of your changes almost instantly with the Stateful Hot Reload feature. See Using hot reload for details.

Advanced debugging

You might find the following advanced debugging tips useful:

Debugging visual layout issues

During a debug session, several additional debugging commands are added to the Command Palette and to the Flutter inspector. When space is limited, the icon is used as the visual version of the label.

Debugging external libraries

By default, debugging an external library is disabled in the Flutter extension. To enable:

Editing tips for Flutter code

If you have additional tips we should share, let us know!

Assists & quick fixes

Quick fixes are similar, only they are shown with a piece of code has an error and they can assist in correcting it.

Snippets

Snippets can be used to speed up entering typical code structures. They are invoked by typing their prefix, and then selecting from the code completion window:

The Flutter extension includes the following snippets:

You can also define custom snippets by executing Configure User Snippets from the Command Palette.

Keyboard shortcuts

Keyboard mappings can be changed by executing the Open Keyboard Shortcuts command from the Command Palette.

Hot reload vs. hot restart

Hot reload works by injecting updated source code files into the running Dart VM (Virtual Machine). This includes not only adding new classes, but also adding methods and fields to existing classes, and changing existing functions. A few types of code changes cannot be hot reloaded though:

For these changes, fully restart your application without having to end your debugging session. To perform a hot restart, run the Flutter: Hot Restart command from the Command Palette, or press Ctrl + Shift + F5 ( Cmd + Shift + F5 on macOS).

Troubleshooting

Known issues and feedback

All known bugs are tracked in the issue tracker: Dart and Flutter extensions GitHub issue tracker.

We welcome feedback, both on bugs/issues and feature requests. Prior to filing new issues:

When filing new issues, include flutter doctor output.

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the BSD License.

React Native Tools

Microsoft

React Native Tools

Stable:

Preview:

React Native Tools Preview

About the extension

This VS Code extension provides a development environment for React Native projects. Using this extension, you can debug your code and quickly run react-native commands from the command palette.

Table of Contents

Getting started

Before going any further make sure that you:

React Native commands in the Command Palette

In the Command Palette, type React Native and choose a command.

The Run Android command triggers react-native run-android and starts your app for Android.

The Run iOS command similarly triggers react-native run-ios and starts your app in the iOS simulator (e.g. iPhone 6).

The Packager commands allow you to start/stop the Metro Bundler (formerly React Packager).

The full list of commands is:

Using commands in VS Code tasks

Debugging React Native applications

The extension also allows to start debugging without creating the launch.json file in one of the following ways:

Using dynamic debugging configurations

To use dynamic debugging configurations you can click on the Show all automatic degub configurations string in the Run and Debug panel, then select React Native in the list of extensions and choose the appropriate configuration in the Configuration list to start debugging.

Using Debug button in the Editor Title area menu

To start debugging you can click the Debug button in the Editor Title area in the upper right corner. You can also select the appropriate debugging scenario by clicking the dropdown button beside the Debug button and choosing the scenario.

Once app is loaded and running, open the developer menu inside your application and enable remote debugging by clicking on Debug JS Remotely button.

The extension allows you to debug multiple devices and configurations, please read the following sections for more information for your particular use case.

Hermes engine

The Hermes engine is an open source JavaScript engine created by Facebook to optimize building and running React Native applications. It improves app performance and decreases app size.

Click here to learn more about Hermes and how to enable it for your application.

Debugging apps with Hermes enabled is currently experimental. Please, see this issue for current known issues on Hermes support.

Android Hermes

iOS Hermes

The extension provides experimental support of debugging iOS Hermes applications. See iOS Hermes debugging for more details.

macOS Hermes

The extension provides experimental support of debugging macOS Hermes applications. See macOS Hermes debugging for more details.

Windows Hermes

The extension provides experimental support of debugging Windows Hermes applications. See Windows Hermes debugging for more details.

Attach to Hermes application

iOS applications

iOS devices

Debugging on an iOS device requires following manual steps:

Custom scheme for iOS apps

If you want to use a custom scheme for your application you can either pass it as part of the runArguments parameter arguments, or set the scheme configuration parameter as shown below:

Please be aware, specifying the scheme value as a part of the runArguments parameter arguments will override the scheme configuration parameter value, if it set.

iOS direct debugging

For now the extension supports iOS direct debugging only on real iOS devices.

To be able to debug an iOS app directly, you need to install ios-webkit-debug-proxy:

You can use the following debug scenarios to debug iOS apps directly:

iOS Hermes debugging

You can enable Hermes engine for an iOS application by editing ios/Podfile file the following way:

Expo applications

To debug a project created using Expo or the create-react-native-app task, you can use embedded support for Expo.

You can verify that everything is working correctly and that the environment is ready for use with the npx react-native doctor command.

To start debugging in Expo follow these steps:

Open your project in VS Code with this extension installed.

Create a debug configuration (as described in Debugging React Native applications), select Debug in Exponent in the debug drop-down menu, and start debugging

If you have not used Exponent on this system before, you will be prompted for an Exponent username and password. Exponent account allows you to use Expo cloud services. More info about how it works is available here. If you have not created an Exponent account, then specifying a new username and password will create one. Note that there is no e-mail associated with the account, and no way to recover a forgotten password. If you don’t want to create an Exponent account, you can specify expoHostType parameter in your debug configuration to make Expo work locally (via LAN or on localhost).

Once the packager starts, the extension will open a separate tab with QR code to scan from the Exponent app. Once you do so, the Exponent app will connect to the packager and begin running your app.

Once the app is loaded and running, open the developer menu and enable remote debugging by clicking on Debug JS Remotely button.

From here you can run and debug the app as normal.

Configuring Expo

Full list of configuration parameters for expo section in app.json may be found on official Expo documentation page.

NOTE: The extension caches the version of the exponent SDK used by your project. This is helpful since we don’t want to install the SDK each time you run exponent. If you want the extension to update the SDK version based on your React Native version, just restart VS Code and if it is supported it should work. If it does not please open an issue.

React Native for Windows

How to launch and debug a React Native for Windows application

Before launching and debugging a React Native for Windows application, please make sure that your development environment is configured properly in accordance with the official system requirements.

You can debug UWP React Native for Windows applications by changing the platform in your launch.json configuration to windows :

How to attach to a running React Native for Windows application

(Optional) Start Metro packager by means of the React Native: Start Packager Command Palette command or run npx react-native start command in the terminal in the project root folder

Select the Attach to packager configuration and click the play button. If Metro packager isn’t running yet, the extensnion will start it automatically.

Launch your React Native Windows application. Please make sure that the application is on remote debugging mode.

Then the extension should attach to the running application.

You can find more information on how to setup your application to work with Windows in React Native for Windows Getting started instruction

Windows Hermes debugging

Please follow the official guide to enable Hermes engine for a Windows application.

React Native for macOS

You can debug React Native for macOS applications by changing the platform in your launch.json configuration to macos :

To attach to a running macOS application you can use the default Attach to packager debugging configuration. Please make sure that the application is on remote debugging mode.

You can find more information on how to setup your application to work with macOS in React Native for macOS Getting started instruction

macOS Hermes debugging

Please follow the official guide to enable Hermes engine for a macOS application.

TypeScript and Haul

Sourcemaps

The left hand side of the mapping is a pattern that can contain a wildcard, and will be tested against the sourceRoot + sources entry in the source map. If it matches, the source file will be resolved to the path on the right hand side, which should be an absolute path to the source file on disk.

Below there are some examples of how sourcemaps could be resolved in different scenarios:

Haul debugging

The extension provides functional to attach to Haul packager based applications. You can use the Attach to packager scenario to attach to a Haul based app and debug it. For now launch scenarios aren’t supported. You can find more info in the issue.

You can prepare your React Native application to work with Haul by following the Haul Getting started guide.

If you use the legacy version of Haul as your React Native bundler instead of the default Metro, it could be required to add sourceMapPathOverrides to the launch.json file.

Debugger configuration properties

The following is a list of all the configuration properties the debugger accepts in launch.json :

Customization

The extension can be further customized for other React Native scenarios. These are the most common:

Logging

The extension logging is divided by several output channels:

There are also some global extension technical logs that might be exposed to the output. To see them set the following properties:

Build APK and generate bundle

To learn more about tasks in VSCode read the official documentation.

Visit generating Signed APK to learn more about this subject.

Specifying custom arguments for react-native run-* command

Using custom run arguments for react-native run-

: NOTE: This overrides all other configuration parameters.

NOTE: You can get the list of installed simulator devices by:

iOS devices (macOS only):

NOTE: If you want to run the application on an iOS device, make sure you have ios-deploy installed globally.

brew install ios-deploy

Setting up the React Native packager

To use a custom port for the react-native packager:

If you change this port, then for iOS device and simulator scenarios you will have to modify the native code files. Instructions here.

If you use Android, you need to change the debug server by:

NOTE: Some aspects of React Native hard-code the port to the default as specified in this issue.

Custom environment variables

Change project root

Configure an Android LogCat Monitor

There are two ways to filter your LogCat Monitor output depending on how LogCat Monitor was launched:

Configure dependencies versions for debugging Expo projects

To enable new versions of the dependencies, it’s required to restart VS Code editor. After that the extension will download the new versions of the packages on the next Expo debugging starting.

Configure custom key bindings for extension commands

Using these context variables you can assign the same keyboard combination for some pair commands for more convenient use. For example, you can configure the same key bindings for Start Packager and Stop Packager commands using when clauses, as shown below:

Element inspector

In the extension you can run React DevTools Element inspector to inspect the DOM-tree of your application. It’s required to install the react-devtools package globally to run React DevTools from the extension.

Integration with React Native Inspector

You can open the in-app developer menu and choose «Show Element Inspector». It will bring up an overlay that lets you tap on any UI element and see information about it:

Using the Run Element Inspector Command Palette command you can launch React DevTools in the extension. Inspector will enter a special collapsed mode, and use the DevTools as primary UI. In this mode, clicking on something in the emulator will bring up the relevant components in the DevTools:

Network Inspector

The extension provides Network inspector feature to inspect outgoing network traffic in your apps. You can browse all requests being made and their responses in VS Code DevTools console.

Network inspector requirements

Before using the Network inspector, please make sure that your system meets the following requirements:

The Network inspector uses functional of the Flipper plugin integrated to React Native apps. Please make sure that it’s enabled in your application. You can use this guide to integate Flipper into your projects.

Network inspector usage

For now the Network inspector doesn’t support Expo applications.

Network inspector logs theme

The extension provides “Dark” and “Light” color themes for Network Inspector logs. You can configure the theme in the extension configuration in the Settings tab or in settings.json file.

Developing inside a Docker Container

The extension supports VS Code Remote Development features on Linux. Please follow the VS Code official documentation to setup your environment to use a remote development approach.

Here are the steps to run React Native debugging inside a Docker Container on a real Android device:

Open Command Palette and run the following command

Сreate Dockerfile extending reactnativecommunity/react-native-android image. For example you can use the following Dockerfile:

Configure your devcontainer.json file as needed. Below is a sample configuration:

Open Command Palette and run the following command Remote-Containers: Open Folder in Container to reopen your project in a container

Connect your device via USB and start debugging the same way as on local machine.

Currently the above scenario doesn’t work on macOS and Windows. Docker Container implementation on these OS uses Virtual Machine tools which may have problems with USB forwarding for mobile devices.

Contributing

Please see our contributing guide for more information.

Known Issues

Here is the list of common known issues you may experience while using the extension:

Known-Issues provides a complete list of active and resolved issues.

Telemetry reporting

VS Code React Native extension collects usage data and sends it to Microsoft to help improve our products and services. Read our privacy statement to learn more.

If you don’t wish to send usage data to Microsoft, edit VSCodeTelemetrySettings.json file at

Visual Studio Code

The app allows you to install and run visual studio code on your android device.

Последняя версия

App APKs

приложение Visual Studio Code

Популярные запросы

Приложения · Hot

InstaPro Atnfas Hoak · Социальные

YouTube Vanced Team Vanced · Видеоплееры и редакторы

HorjunTV Ykjam Aragatnashyk HJ · Развлечения

OlduBil OlduBil · Финансы

Популярные

Notepad atomczak · Работа

Mapit GIS Mapit GIS LTD · Работа

Clean My Android CMA Mobile Team · Работа

Qfile QNAP · Работа

Outlook Microsoft Corporation · Работа

Helvetica Neue Fonts Style Fonts The World · Работа

A+ VCE Player On-Labs · Работа

Сканер QR- и штрих-кодов TeaCapps · Работа

Remote VNC Server (Beta) Pranay Choudhary · Работа

how to get sha1 of android app in Vs code

Part of Google Cloud Collective

how to get «Sha1» for a flutter application. I am using flutter in Vs code.In android studio we have direct option for that, but i don’t know how to get it in Vs code.

7 Answers 7

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

It’s very simple follow below steps.

Step 1. Go to your project directory in VS code.

Step 2. Open terminal.

Step 3. Run cd android for the below path :

Ex.: PS D:\Workspace\FlutterWorkSpace\FlutterApp\flutter_demo_app> cd android

Step 4. Run .\gradlew signingReport for the below path :

PS D:\Workspace\FlutterWorkSpace\FlutterApp\flutter_demo_app\android> .\gradlew signingReport

Then it will display like that

Open a terminal window.

Change the directory to the JDK bin directory, mine was jdk1.7.0_05 (could be different for you). cd

Next we have to run the keytool.exe. Use the following line to get the Android SHA1 fingerprint. Windows:

PS: I tried the above code for my signed project

Following these steps, that was the only steps that worked for me

That’s all 😉 your welcome!

1 : open cmd in windows.

2: use cd C:\Program Files\Java\jdk1.7.0_05\bin this will lead you to bin folder of jdk.

3:get path of file debug.keystore that in my case is C:\Users\name\.android\debug.keystore

this will give you the SHA1

Android device is not showing up on VS Code/Android Studio

VS code and Android Studio is recognizing my connected android device. My device is showing up on file explorer though. I have turned on USB debugging from settings too.

Below is the result of flutter doctor

What I have tried

4 Answers 4

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

Please check you follow the proper steps to connect your Device.

Please check link below. It might solve your problem of not showing devices (Message «flutter run: No connected devices»):- Message «flutter run: No connected devices»

Once check the output of the command

If the list is empty then the system has recognized your device as a storage device. Then you need to install android SDK from the Android Studio IDE and try again.

Go to your terminal and run this command.

This will verify if flutter has recognized your device or not.

Also check and verify this.

Can VS Code run on Android? [closed]

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Does anybody know about plans of MS to support running VS Code so it can run on Android OS?

6 Answers 6

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

Running VS Code on Android is not possible, at least until Android support is implemented in Electron. This has been rejected by the Electron team in the past, see electron#562

Visual Studio Codespaces and GitHub Codespaces an upcoming services that enables running VS Code in a browser. Since everything runs in a browser, it seems likely that mobile OS’ will be supported.

It’s also possible to run VS Code on Android by installing Linux on your Android device as described in this answer.

I don’t agree with the accepted answer that the lack of electron prevents VSC on Android.

API’s would need to be mapped from their electron equivelents, and many of the plug-ins will have their own issues (but Android is reasonably flexible about allowing stuff like Python compared to iOS) so it is doable.

On the other hand, the demand for an Android version of VSC probably comes from people using the new Chromebooks that support Android, and there is already a solution for ChromeOS using crouton, available here.

There is a browser-based application that allows you to develop on a browser on your Android or any other device in a VSC-like environment. Check it out here:

Edit: This is not the exact VSC implementation and it does not have all the features of VSC, such as extensions. It’s just a VSC-like environment.

demand analysis

When developing Android Native programs (only C/C++ code, no APK applications), in the debugging process, we only used the method of adding LOG to locate the problem of the program. When developing platform programs on Linux, it is convenient to use GDB Tools to debug, so I eagerly hope that debugging Android Native programs can be equally convenient.

Exploration process

Official documentation

In the official Android documentationUse GDBHow to use GDB to debug is described in. The precondition it mentioned is to use the gdbclient.py script in the Android source code. This script will set up port forwarding, start the corresponding gdbserver on the device, start the corresponding gdb on the host, configure gdb to find symbols, and then connect gdb To the remote gdbserver. It is also mentioned that you can use the VS Code debugger front end (instead of the GDB CLI interface) to control and debug the native code running on the device. It uses the gdbclient.py script to generate the json file, and then configures it in the launch.json file in VS Code. If there is the Android source code corresponding to the debugging machine, this is of course a good way. For detailed usage, please refer toUse VS Code to debug Android C++ code. But the question is, what should we do when we don’t have the corresponding Android source code?

Previous use record

inAndroid gdb debuggingThe process of debugging with gdb is explained in detail. Android generally uses gdb+gdbserver to debug C/C++ code, where gdbserver runs on the target system (such as a mobile phone) and gdb runs on the host machine (such as linux). Generally, there are already compiled gdbserver and gdb programs in the android source code. For example, on the Qualcomm msm8976 (64-bit) platform, the gdbserver used is located at: prebuilts/misc/android-arm64/gdbserver64, and gdb is located at: prebuilts/gcc/linux-x86 /aarch64/aarch64-linux-android-4.9/bin/aarch64-linux-android-gdb. In the target phone, if the system is userdebug or eng version, gdbserver has been installed under system/bin/. invscode debug Android real machineIt shows how to use VS Code to debug Android native code. It briefly mentioned how to configure the launch.json file in VS Code. inAndroid Debugging with Visual Studio CodeIt is mentioned that the gdb tool can use the built-in Android NDK instead of the Android source code, which is obviously more convenient than using the source code. The specific path of gdb:
Windows \prebuilt\windows-x86_64\bin
Linux \prebuilt\linux-x86_64\bin
macOS \prebuilt\darwin-x86_64\bin
At the same time, this article records in detail the process of VS Code debugging configuration, which is a very useful reference document. Now our exploration process is almost complete, from which we learned how to use VS Code + NDK to debug Native programs without Android source code. Next, let’s actually do it and observe whether there will be unknown problems.

Let’s practice

prerequisites

1. Install Visual Studio Code and install it in itC/C++ extension plug-in。

2. DownloadAndroid NDK, It is convenient to use GDB, which is in the /prebuilt/linux-x86_64/bin/ directory.

Debug settings

1. Open the project to be debugged in VS Code, click Run>>Start debugging (or directly press F5 shortcut key).

Select C++ (GDB/LLDB) in the pop-up window, if there is no such option, please checkC/C++ extension plug-inWhether to install.

2. The setting properties of launch.json are as follows.

program: The program to be debugged. This should point to the local version (non-stripped version) of the executable file with debugging symbols, usually in obj/local/armeabi-v7a in the project’s build directory (for 64-bit builds, it is located in obj/local/arm64- v8a).
miDebuggerPath: The path of the gdb executable file. As shown above, it should point to a directory in the Android NDK.
miDebuggerServerAddress: The target address to be connected.
preLaunchTask: The task to be executed before starting the debugger.

Example launch.json file:

For additional information, please refer toC/C++ debugging documentation, The logging property «engineLogging» can be used to enable other logging output, which is useful for troubleshooting when the debugger is not running as expected.

Note that the value of «label» in task is the same as the value of «preLaunchTask» in launch. Here we execute a shell command and put specific tasks in debug.sh for processing. For more information about task configuration, seeVSCode documentation。

4. Create a new debug.sh file in the project with the following content:

a. First use ndk-build to compile the code, which adds NDK_DEBUG=1 to make the generated program contain debugging information; then push the generated program to the /system/bin/ directory and grant executable permissions.

b. Set up port forwarding
To set up port forwarding on the development machine, the command is as follows:

Command description: It means to map tcp port 1234 through adb, the front of the command is the local port, and the back is the remote port. The port number in the command must be the same as the listening port number in the gdbserver command. Otherwise, gdb cannot connect to gdbserver.

c. Execute gdbserver (32bit program) or gdbserver64 (64bit program) on the target device
Method 1: Debug the running application or process

Method 2: To debug the process when it is started

We use method 2 to test here. For detailed usage, please check the official Android documentationUse GDB。

Start debugging

Everything is ready, then you can start debugging.
Three ways to start:
1. Enable the «Start Debugging» panel by clicking the Debug icon on the left side of the VS Code window;
2. Select «Run» from the list at the top of the panel, and then click the «Start debugging» button;
3. Direct shortcut key F5.

Once the debugger starts to connect, the VSCode debug console will display messages from the debugger and allow manual debugger commands to be executed if necessary (the program must be stopped to execute the debug commands). The debugging panel will display debugging information (variable monitoring, call stack, breakpoints, etc.), and the debugger toolbar will provide access to common debugging commands. Also supports variable display based on the mouse cursor.

postscript

In the above test cases, the debugging process is relatively smooth due to the simple code. However, in actual project use, it was found that it was very slow to start debugging. Now try to solve this problem.

Some gdb information will be printed in the VS Code debugging console, from which you can see that it reads the symbol table information from the dynamic library on the mobile phone. This is the cause of the slow startup process.

Set sysroot to specify the dynamic library path

inVery slow debuggingThe solution is proposed in. Specify the path of the dynamic library through set sysroot. We need to pull the dependent libraries to the machine first, such as:

The fingerprint information of the mobile phone has been judged here. If the mobile phone is changed, it needs to be pulled again.
At this time, you can set solib_path in the above debugging console.

A more convenient way to set it up is to add it directly to the aforementioned launch.json file.

In the next test, it was found that it was still slow. Continue to analyze the reason and found that it was because there were too many dependent libraries and many symbol tables needed to be loaded, which caused the slowness.

Reduce library dependencies

Use readelf to view the dependencies of the target program

how to get sha1 of android app in Vs code

Part of Google Cloud Collective

how to get «Sha1» for a flutter application. I am using flutter in Vs code.In android studio we have direct option for that, but i don’t know how to get it in Vs code.

7 Answers 7

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

It’s very simple follow below steps.

Step 1. Go to your project directory in VS code.

Step 2. Open terminal.

Step 3. Run cd android for the below path :

Ex.: PS D:\Workspace\FlutterWorkSpace\FlutterApp\flutter_demo_app> cd android

Step 4. Run .\gradlew signingReport for the below path :

PS D:\Workspace\FlutterWorkSpace\FlutterApp\flutter_demo_app\android> .\gradlew signingReport

Then it will display like that

Open a terminal window.

Change the directory to the JDK bin directory, mine was jdk1.7.0_05 (could be different for you). cd

Next we have to run the keytool.exe. Use the following line to get the Android SHA1 fingerprint. Windows:

PS: I tried the above code for my signed project

Following these steps, that was the only steps that worked for me

That’s all 😉 your welcome!

1 : open cmd in windows.

2: use cd C:\Program Files\Java\jdk1.7.0_05\bin this will lead you to bin folder of jdk.

3:get path of file debug.keystore that in my case is C:\Users\name\.android\debug.keystore

this will give you the SHA1

Не хочу Visual Studio Code: 7 open source альтернатив

В этом переводе расскажем про альтернативные редакторы кода, которые ничуть не уступают VS Code, а при грамотном подборе расширений даже превосходят его.

Редактор Visual Studio Code, также известный как VS Code работает на Linux, Windows и macOS. Он занимает промежуточное положение между простым текстовым редактором исходного кода и интегрированной средой разработки (IDE), которая управляет всей вашей кодовой базой. Функциональность VS Code можно расширить с помощью плагинов. Это надёжный редактор кода, который может достойно побороться с проприетарными конкурентами.

Изначально VS Code был создан как open source продукт. Однако его готовые сборки распространяются под проприетарной лицензией Microsoft. Но не всё так плохо.

Использование VS Code как open source

Исходники VS Code доступны на GitHub. Тем не менее, когда вы загружаете готовую сборку, в игру вступает Лицензия Microsoft. И тогда ваш VS Code резко перестаёт быть open source продуктом. Оказывается, в данном случае решает процесс сборки.

Крис Диас, разработчик проекта VS Code, проводит аналогичный пример браузера Chrome и его open source проекта Chromium. VS Code действительно построен на базе решений с открытым исходным кодом. Однако официальная сборка от Microsoft настраивается с учетом специфических функций, включая товарный знак, галерею расширений, проприетарный отладчик C# и телеметрию. Но когда вы клонируете и создаете сборку самостоятельно, вы генерируете более «чистую» версию, которая называется Code-OSS (OSS означает программное обеспечение с открытым исходным кодом).

На практике различия между VS Code и Code-OSS минимальны. В частности, в VS Code работает телеметрия: то есть, Microsoft собирает данные об использовании продукта. Справедливости ради нужно отметить, что в наши дни существует множество продуктов, которые собирают такие данные.

Если вам нравится VS Code, но вы хотите рассмотреть «true» open source альтернативы, то вам определённо стоит читать дальше.

VSCodium

Самая очевидная альтернатива VS Code — это VS Code без фирменных дополнений Microsoft. Проект VSCodium содержит только свободные компоненты, построенные на основе кодовой базы VS Code. Разработчики VSCodium сделали всё возможное, чтобы мы имели возможность отключить телеметрию. Они подготовили чистую сборку исходного кода VS Code, которую вы можете скачать, не создавая её самостоятельно.

Разработчики напоминают, что VS Code включает в себя некоторые проприетарные инструменты, которые не могут поставляться с открытым исходным кодом. Если они вам нужны, существуют документированные способы решения этих проблем. Но если вам нужна очень специфичная функция из VS Code сборки Microsoft, вы должны убедиться, что она работает в VSCodium.

Кроме того, нужно проверить, что вся телеметрия отключена.

Code-OSS

Если вы не хотите использовать сборку VSCodium, вы можете самостоятельно скомпилировать VS Code из исходного кода и в итоге получить то же самое. Исполняемый файл называется Code-OSS, а не VSCode. Условия лицензирования и способы решения проблем с использованием проприетарных функций — те же, что и у VSCodium.

При первом запуске нужно проверить, что телеметрия отключена.

Atom — это IDE-подобный текстовый редактор с открытым исходным кодом, который Microsoft приобрела вместе с GitHub. Как и VS Code, вы можете расширить редактор Atom с помощью плагинов, добавить темы и собрать свою комбинацию дополнительных инструментов. Это кроссплатформенный продукт, который имеет встроенную интеграцию с GitHub. Короче говоря, Atom — это идеальный вариант, если необходимые вам расширения уже существуют или вы готовы их написать.

Как и VS Code, Atom по умолчанию использует телеметрию. Её можно отключить, и в отличие от VS Code, нет никаких ограничений на расширения, поэтому вам не нужно менять рабочий процесс из-за требований конфиденциальности. Atom, безусловно, полезный инструмент для разработчиков. Более того: он в принципе подходит для всех, кто использует компьютер. Если вы ищете хороший текстовый редактор общего назначения, можете попробовать Atom.

GNOME Builder

GNOME Builder — это редактор кода для Linux, специально предназначенный для создания приложений на основе GNOME. Если вы создаете приложения для Linux и хотите легко добиться совместимости, то Builder — лучший вариант. GNOME Builder доступен на Flathub.org. При первом запуске он предложит вам установить GNOME SDK, если вы этого не сделали.

Однако вы можете использовать Builder не только для разработки приложений GNOME. Он поддерживает десятки языков программирования, включая Python, Rust, C и C ++, Java, Go, JavaScript, TypeScript, VB.NET, несколько языков разметки, Markdown и многие другие. Некоторые из них имеют полную поддержку с автозаполнением и сниппетами, в то время как другие имеют минимальные удобства, такие как подсветка синтаксиса и автоматическое сопоставление скобок. С IDE приятно работать, независимо от того, считаете ли вы себя серьёзным программистом или вы просто хотите побаловаться с HTML и CSS.

Geany

С помощью плагинов вы можете добавить такие функции, как обозреватель проекта, проводник, отладка, терминал и так далее. Вы можете продолжать расширять его функциональность и в какой-то момент он превратится в настоящую IDE. Если вы не можете запустить VS Code на компьютере из-за ограничений ЦП или ОЗУ, Geany может стать хорошей альтернативой. Он быстро запускается, и потребляет малый объём памяти. Хотя Geany работает медленнее, чем Vim в терминале, он не тормозит даже на Raspberry Pi.

Brackets

Brackets — это текстовый редактор и IDE для веб-разработчиков. Он имеет мощную поддержку HTML, CSS, JavaScript, PHP и даже Python. У Brackets богатая экосистема расширений, поэтому с подходящими плагинами он позволит писать практически на любом современном языке.

Существуют расширения, помогающие анализировать, запускать скрипты и даже компилировать и выполнять код прямо в окне редактора. Brackets имеет традиционный интерфейс, который может понять практический каждый, кто выходил за пределы блокнота. Если вы потратите немного времени на добавление соответствующих расширений и знакомство с ними, Brackets с помощью автозаполнения и линтера поможет избежать глупых ошибок при наборе текста. И если вы пишете код, это ускорит процесс тестирования и отладки.

Если вам нравится быть впереди планеты всей, то стоит попробовать Che. Это облачная IDE, она работает по модели SaaS. Тем не менее, это полноценный open source проект. Если у вас есть экземпляр Kubernetes, можете полностью перенести её к себе.

Che — не просто IDE, которая живёт в облаке. Это IDE, созданная для облачной разработки. Она не пытается что-либо хранить на вашей локальной файловой системе. Если у вас есть Git-сервер, вы можете рассматривать его как файловую систему и работать над проектом непосредственно из его репозитория. Конечно, вы также можете скачать любой проект, над которым работаете, если хотите иметь локальную резервную копию.

Но его главная особенность, которой восхищаются разработчики облачных решений, заключается в том, что Che — это полнофункциональная среда разработки с открытым исходным кодом, ориентированная на Kubernetes. Если вы создаёте приложения, сайты или контейнеры (или их комбинацию) для облака, то вам стоит попробовать Che.

А чем пользуетесь вы?

Вы используете одну из этих альтернатив VS Code? Или может быть, пока ещё думаете о том, чтобы попробовать одну из них? Поделитесь своим опытом в комментариях?

На правах рекламы

Встречайте! Впервые в России — эпичные серверы!
Мощные серверы на базе новейших процессоров AMD EPYC. Частота процессора до 3.4 GHz. Максимальная конфигурация — 128 ядер CPU, 512 ГБ RAM, 4000 ГБ NVMe!

AVD Manager

toroxx

Android Virtual Device (AVD) Manager

AVD Manager GUI for Visual Studio Code.

Launch Android Emulator and manage SDK packages without touching the Android Studio😎

See the CHANGELOG for the latest changes.

Also, welcome to open the issue any about this extension.

Features

AVD Manager

SDK Platforms / Tools

Emulator

Setup the Adnroid SDK

Steps

Folder Structure

Remember update avdmanager.sdkPath to Android SDK Root Path It should work fine, if the folder structure is correct.

Extension Settings

Required

After updating the SDK Path. The AVD Manager will auto lookup all executable paths from the SDK.

Optional

Commands

Screenshot

AVD Manager

Create AVD [+ Button]

Rename AVD [Pen Icon Button]

Delete AVD [Right Click on AVD Name]

AVD Details [Mouseover on the AVD name]

SDK Platforms / Tools

Install packages (system-image, platforms, source-code)

Install SDK Tools E.g. Build-tools, cmake, emulator, etc.

Accept All SDK licenses [Double Check icon Button]

Can VS Code run on Android? [closed]

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Does anybody know about plans of MS to support running VS Code so it can run on Android OS?

6 Answers 6

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

Running VS Code on Android is not possible, at least until Android support is implemented in Electron. This has been rejected by the Electron team in the past, see electron#562

Visual Studio Codespaces and GitHub Codespaces an upcoming services that enables running VS Code in a browser. Since everything runs in a browser, it seems likely that mobile OS’ will be supported.

It’s also possible to run VS Code on Android by installing Linux on your Android device as described in this answer.

I don’t agree with the accepted answer that the lack of electron prevents VSC on Android.

API’s would need to be mapped from their electron equivelents, and many of the plug-ins will have their own issues (but Android is reasonably flexible about allowing stuff like Python compared to iOS) so it is doable.

On the other hand, the demand for an Android version of VSC probably comes from people using the new Chromebooks that support Android, and there is already a solution for ChromeOS using crouton, available here.

There is a browser-based application that allows you to develop on a browser on your Android or any other device in a VSC-like environment. Check it out here:

Edit: This is not the exact VSC implementation and it does not have all the features of VSC, such as extensions. It’s just a VSC-like environment.

Знакомство с Android. Краткое руководство

В этом состоящем из двух частей руководстве вы узнаете, как создать первое приложение Xamarin.Android в Visual Studio. Вы также получите представление об основах разработки приложений Android с помощью Xamarin.

Вы создадите приложение, которое преобразовывает введенный пользователем буквенно-цифровой телефонный номер в числовой телефонный номер и отображает результат пользователю. Окончательный вариант приложения выглядит примерно так:

Требования к Windows

Для выполнения данного пошагового руководства необходимо следующее:

Visual Studio 2019 или Visual Studio 2017 версии 15.8 или более поздней: Community, Professional или Enterprise.

Требования к macOS

Для выполнения данного пошагового руководства необходимо следующее:

Последняя версия Visual Studio для Mac.

Компьютер Mac под управлением macOS HIgh Sierra 10.13 или более поздней версии.

В этом пошаговом руководстве предполагается, что на вашей платформе установлена и запущена последняя версия Xamarin.Android. Инструкции по установке Xamarin.Android см. в разделе Установка Xamarin.Android.

Настройка эмуляторов

Если вы используете эмулятор Android, рекомендуем настроить в нем использование аппаратного ускорения. Инструкции по настройке аппаратного ускорения см. в разделе Аппаратное ускорение для производительной работы эмулятора.

Создание проекта

Запустите Visual Studio. Щелкните «Создать > файл>» Project, чтобы создать новый проект.

В диалоговом окне Новый проект выберите шаблон Приложение Android. Задайте для нового проекта имя Phoneword и нажмите кнопку ОК:

В диалоговом окне Новое приложение Android щелкните Пустое приложение и нажмите кнопку ОК, чтобы создать новый проект.

Создание макета

Новые выпуски Visual Studio поддерживают открытие XML-файлов в Android Designer.

Android Designer поддерживает как файлы AXML, так и XML.

После создания проекта разверните папку Ресурсы и затем папку макета в обозревателе решений. Дважды щелкните файл activity_main.axml, чтобы открыть его в Android Designer. Это файл макета для экрана приложения:

Более новые выпуски Visual Studio содержат немного другой шаблон приложений.

На панели элементов (область слева) введите text в поле поиска и перетащите мини-приложение Text (Large) (Крупный текст) в область конструктора (в центре):

Выбрав элемент управления Крупный текст в области конструктора, используйте область Свойства, чтобы изменить свойство Text мини-приложения Крупный текст на Enter a Phoneword: :

Перетащите мини-приложение Обычный текст из панели элементов в область конструктора и поместите его под мини-приложением Крупный текст. Размещение мини-приложения не будет выполняться, пока вы не переместите указатель мыши на место в макете, которое может принять мини-приложение. На снимках экрана ниже мини-приложение нельзя разместить (как показано в левой части), пока указатель мыши не переместится под предыдущий TextView (как показано в правой части):

Когда Обычный текст (мини-приложение EditText ) будет помещен правильно, он будет отображаться, как показано на следующем снимке экрана:

Перетащите элемент Кнопка из панели элементов в область конструктора и поместите его под мини-приложением Обычный текст:

Перетащите элемент TextView из панели элементов в область конструктора и поместите его под мини-приложением Кнопка. Задайте для свойства Text элемента TextView пустую строку, а для свойства Id — значение @+id/TranslatedPhoneword :

Сохраните изменения, нажав клавиши CTRL+S.

Написание кода

Следующим шагом является добавление кода для преобразования телефонных номеров из буквенно-цифровых в цифровые. Добавьте в проект новый файл, щелкнув правой кнопкой мыши проект Phoneword в области Обозреватель решений и выбрав команду «Добавить > новый элемент», как показано ниже:

В диалоговом окне «Добавление нового элемента» выберите файл кода Visual C# >> и назовите новый файл кода PhoneTranslator.cs:

Создается пустой класс C#. Вставьте в этот файл следующий код:

Сохраните изменения в файле PhoneTranslator.cs, нажав кнопку «Сохранить файл > » (или нажав клавиши CTRL+S), а затем закройте файл.

Подключение пользовательского интерфейса

Получите ссылку на элементы управления, созданные в файле макета с помощью Android Designer. Добавьте следующий код внутрь метода OnCreate после вызова SetContentView :

Добавьте код, который реагирует на нажатие пользователем кнопки Translate (Преобразовать). Добавьте следующий код в метод OnCreate (после строк, добавленных на предыдущем шаге):

Сохраните работу, выбрав команду «Сохранить все файл» > (или нажав клавиши CTRL-SHIFT-S) и создав приложение, выбрав «Построить > перестроение решения» (или нажав клавиши CTRL-SHIFT-B).

При наличии ошибок просмотрите предыдущие шаги и исправьте все ошибки, пока сборка приложения не будет проходить успешно. Если возникает ошибка сборки, например Resource does not exist in the current context (Ресурс не существует в текущем контексте), убедитесь, что имя пространства имен в MainActivity.cs совпадает с именем проекта ( Phoneword ), после чего полностью перестройте решение. Если по-прежнему возникают ошибки сборки, убедитесь, что установлены последние обновления Visual Studio.

Задайте имя приложения

Запуск приложения

Протестируйте приложение, запустив его на устройстве или эмуляторе Android. Коснитесь кнопки TRANSLATE, чтобы преобразовать 1-855-XAMARIN в телефонный номер:

Чтобы запустить приложение на устройстве Android, см., как настроить устройство для разработки.

Запустите Visual Studio для Mac из папки Applications (Приложения) или из Spotlight.

В диалоговом окне «Выбор шаблона для нового проекта» щелкните «Приложение Android>» и выберите шаблон приложения Android. Щелкните Далее.

В диалоговом окне Настройте приложение Android назовите новое приложение Phoneword и нажмите кнопку Далее.

В диалоговом окне Настройте приложение Android оставьте имена проекта и решения в виде Phoneword и нажмите кнопку Создать для создания проекта.

Создание макета

Новые выпуски Visual Studio поддерживают открытие XML-файлов в Android Designer.

Android Designer поддерживает как файлы AXML, так и XML.

После создания проекта разверните папку Ресурсы и затем папку макета на Панели решения. Дважды щелкните Main.axml, чтобы открыть его в Android Designer. Это файл макета для экрана при просмотре в Android Designer:

Выберите Hello World, нажмите кнопку «Я».Нажмите кнопку на рабочей области конструктора и нажмите клавишу DELETE, чтобы удалить ее.

На панели элементов (область справа) введите text в поле поиска и перетащите мини-приложение Text (Large) (Крупный текст) в область конструктора (в центре):

После этого перетащите мини-приложение Обычный текст из панели элементов в область конструктора и поместите его под мини-приложением Text (Large) (Крупный текст). Обратите внимание, что можно использовать поле поиска для поиска мини-приложений по имени:

Перетащите элемент Кнопка из панели элементов в область конструктора и поместите его под мини-приложением Обычный текст:

Перетащите элемент TextView из панели элементов в область конструктора и поместите его под мини-приложением Кнопка. Выбрав TextView, задайте для свойства id элемента TextView значение @+id/TranslatedPhoneWord и измените text на пустую строку:

Сохраните работу, нажав клавиши ⌘ + S.

Написание кода

Теперь добавьте код для преобразования телефонных номеров из буквенно-цифровых в цифровые. Добавьте новый файл в проект, щелкнув значок шестеренки рядом с проектом Phoneword на панели решения и выбрав «Добавить > новый файл». :

В диалоговом окне «Создать файл » выберите «Общий > пустой класс«, назовите новый файл PhoneTranslator и нажмите кнопку «Создать«. Создается пустой класс C#.

Удалите весь код шаблона в новом классе и замените его следующим:

Сохраните изменения в файле PhoneTranslator.cs, нажав кнопку «Сохранить файл > » (или нажав клавиши ⌘ + S), а затем закройте файл. Убедитесь, что ошибки времени компиляции отсутствуют, перестроив решение.

Подключение пользовательского интерфейса

После этого нужно получить ссылку на элементы управления, созданные в файле макета с помощью Android Designer. Добавьте следующий код внутрь метода OnCreate после вызова SetContentView :

Добавьте код, который реагирует на нажатие пользователем кнопки Translate (Преобразовать), добавив следующий код в метод OnCreate (после строк, добавленных на предыдущем шаге):

Сохраните работу и выполните сборку приложения, нажав кнопку «Собрать все» > (или нажав клавиши ⌘ + B). Если приложение компилируется, в верхней части Visual Studio для Mac отображается сообщение об успешном выполнении:

При наличии ошибок просмотрите предыдущие шаги и исправьте все ошибки, пока сборка приложения не будет проходить успешно. Если возникает ошибка сборки, например Resource does not exist in the current context (Ресурс не существует в текущем контексте), убедитесь, что имя пространства имен в MainActivity.cs совпадает с именем проекта ( Phoneword ), после чего полностью перестройте решение. Если по-прежнему возникают ошибки сборки, убедитесь, что установлены последние обновления Xamarin.Android и Visual Studio для Mac.

Настройка метки и значка приложения

Нужно удалить каждый из этих файлов значков из проекта. Щелкните правой кнопкой мыши каждый из файлов Icon.png и выберите пункт Удалить в контекстном меню:

Нажмите кнопку Удалить в диалоговом окне.

Затем скачайте и распакуйте набор значков приложения Xamarin. Этот ZIP-файл содержит значки для приложения. Все значки выглядят одинаково, но имеют разное разрешение и правильно отображаются на разных устройствах с различной плотностью экрана. Этот набор файлов нужно скопировать в проект Xamarin.Android. В Visual Studio для Mac на панели решения щелкните правой кнопкой мыши папку mipmap-hdpi и выберите «Добавить > файлы«.

Из диалогового окна выбора перейдите в каталог с распакованными значками Xamarin AdApp и откройте папку mipmap-hdpi. Выберите Icon.png и нажмите кнопку Открыть.

В диалоговом окне Добавить файл в папку выберите Copy the file into the directory (Копировать файл в каталог) и нажмите кнопку ОК:

Скопировав все значки в проект Xamarin.Android, откройте диалоговое окно Параметры проекта, щелкнув правой кнопкой мыши проект на Панели решения. Выберите «Создать > приложение Android » и в @mipmap/icon поле со списком значка приложения :

Запуск приложения

Наконец, протестируйте приложение, запустив его на устройстве или эмуляторе Android и преобразовав слово-номер:

Чтобы запустить приложение на устройстве Android, см., как настроить устройство для разработки.

How to set up flutter android emulator in VS code

1 Answer 1

There’s no way to launch an emulator in the browser; I think there is a screenshot that’s badly-placed in that article that might have confused things. The screenshot is unrelated to launching emulators.

However, launch real emulators (not in the browser) is indeed supported in VS Code. As long as you have >= v0.5.1 of Flutter and v2.13 of the Dart plugin for VS Code, you can indeed launch emulators from the editor.

Emulator Launching

Emulators can now be launched directly from within Code. If you start debugging without a connected device you’ll be presented with a list of emulators on your system to launch.

After selecting a device a notification will appear while the device boots and connects.

You can also trigger the emulator selection by clicking on No devices in the status bar or by running the Flutter: Launch Emulator command from the command palette.

Русские Блоги

VS Code Android C/C++ （clangd ）

Предисловие

clang-tidy

вводить

clang-tidy AST 。 AST, ， 。 AST， clang-tidy 。

clang-tidy Clang/LLVM /bin 。
： clang+llvm-8.0.0-x86_64-linux-gnu-ubuntu-16.04 ，clang-tidy ：clang+llvm-8.0.0-x86_64-linux-gnu-ubuntu-16.04/bin/clang-tidy。

.clang-tidy параметр

Android Studio C/C++ ， 。 Android Studio 。

Android Studio clang-tidy 。

Подведем итог: Android Studio C/C++ ， Android Studio 。 clang-tidy xxx.cpp ， VS Code 。

VS Code clangd

вводить

clangd Clang C ++ ， LLVM 。

Установить

VS Code clangd ， ， clangd ， ， 。

，clangd clang some_file.cc ， #included 。 можешь использовать compile_commands.json Решите эту проблему.

： VS Code Android C/C++ （C/C++ ） Android compile_commands.json документ.

Характерная черта

Используйте CLANGD, чтобы предоставить функцию языковой IDE C/C ++ для кода VS:

Errors, warnings, and clang-tidy

При входе будет отображаться ошибка кода (все линии красной волны царапаются и на панели «проблемы»). Это то же самое, что и компилятор Clang, и может автоматически применять рекомендуемые процедуры ремонта.

Поддержите большинство чеков Clang-Tidy (можно использовать.clang-tidyФайл включает эти проверки).

Кроссплатформенная разработка для мобильных устройств в Visual Studio

Используя Visual Studio, можно создавать приложения для устройств Android, iOS и Windows. При разработке приложения вы можете использовать инструменты Visual Studio для добавления подключенных служб, таких как Microsoft 365, Служба приложений Azure и Application Insights.

Для создания игр или мощных графических приложений установите инструменты Visual Studio для Unity. Это позволит максимально эффективно использовать функции Visual Studio и Unity — популярного движка и среды разработки для игр и мощных графических приложений в Windows, iOS, Android и на других платформах.

Сборка приложений для устройств Android, iOS и Windows (.NET Framework)

С помощью инструментов Visual Studio для Xamarin вы можете указать Android, iOS и Windows в качестве целевых устройств в одном и том же решении, при этом код и даже пользовательский интерфейс будут использоваться совместно.

Целевые устройства Android, iOS и Windows из единой базы кода

После окончания установки шаблоны проектов появятся в диалоговом окне Новый проект. Чтобы найти шаблоны Xamarin, проще всего ввести «Xamarin» в строке поиска.

После создания проекта вы сможете использовать все функции повышения продуктивности в составе Visual Studio. Например, вы сможете создавать страницы с помощью конструктора и изучить собственные API-интерфейсы мобильных платформ с помощью IntelliSense. Для запуска готового приложения и оценки его интерфейса можно использовать эмулятор пакета SDK для Android и запускать приложения в собственной среде Windows. Вы также можете использовать связанные устройства Android и Windows напрямую. Для проектов iOS необходимо подключиться к компьютеру Mac, подключенному к сети, и запустить эмулятор iOS из Visual Studio или подключиться к связанному устройству.

Создание одного набора страниц, отображаемого на всех устройствах, с помощью Xamarin.Forms

Совместное использование кода приложениями Android, iOS и Windows

Код можно совместно использовать с помощью общего проекта, проекта переносимой библиотеки классов или обоих этих проектов. Может оказаться, что какой-то код больше подходит в общем проекте, а другой код лучше себя ведет в рамках проекта переносимой библиотеки классов.

Целевые устройства Windows 10

Если вы хотите создать одно приложение, предназначенное для полного спектра устройств Windows 10, создайте универсальное приложение Windows. Разработка приложения будет осуществляться с помощью одного проекта, а страницы будут отображаться должным образом независимо от того, какое устройство используется для их просмотра.

Начните с шаблона проекта приложения на универсальной платформе Windows (UWP). Вы можете визуально разрабатывать страницы, а затем открывать их в окне предварительного просмотра, чтобы увидеть, как они будут отображаться для различных типов устройств. Если вас не устраивает, как страница отображается на устройстве, вы можете оптимизировать ее в соответствии с размером экрана, разрешением или ориентацией (горизонтальной или вертикальной). Все это можно сделать с помощью удобных инструментальных окон и пунктов меню в Visual Studio. Когда вы будете готовы к запуску приложения и пошаговому выполнению кода, вы сможете найти все эмуляторы и имитаторы для различных типов устройств в одном раскрывающемся списке на стандартной панели инструментов.

Создание приложения для Android, iOS и Windows (C++)

Для запуска готового приложения и оценки его интерфейса воспользуйтесь Android Emulator. Это быстрый, надежный и простой в установке и настройке инструмент.

Вы можете создавать приложения, ориентированные на весь спектр устройств под управлением Windows 10, с помощью C++ и шаблона проекта приложения универсальной платформы Windows (UWP). Дополнительные сведения см. в разделе Целевые устройства Windows 10 ранее в этой статье.

С помощью статической или динамической общей библиотеки вы сможете совместно использовать код С++ между устройствами Android, iOS и Windows.

Эту библиотеку можно использовать в проекте Windows, iOS или Android, как описано ранее в этом разделе. Также ее можно использовать в приложении, созданном с помощью Xamarin, Java или любого другого языка, который позволяет вызывать функции в неуправляемой библиотеке DLL.

При написании кода в этих библиотеках можно использовать IntelliSense для просмотра собственных API платформ Android и Windows. Эти проекты библиотеки полностью интегрированы с отладчиком Visual Studio, поэтому можно задавать точки останова, осуществлять пошаговое выполнение кода, находить и исправлять проблемы, используя расширенные возможности этого отладчика.

Создание кросс-платформенной игры для устройств Android, iOS и Windows с использованием инструментов Visual Studio для Unity

Инструменты Visual Studio для Unity представляют собой бесплатное расширение Visual Studio, которое интегрирует мощные функции редактирования кода, повышения продуктивности и средства отладки в составе Visual Studio с Unity, популярной кроссплатформенной системой и средой разработки для игр и мощных графических приложений на платформах Windows, iOS, Android и других платформах, включая веб-приложения.

Средства Visual Studio для Unity (VSTU) позволяют использовать Visual Studio для создания сценариев игр и редакторов на языке C#, а затем использовать его мощный отладчик для поиска и исправления ошибок. В последнем выпуске VSTU реализована поддержка Unity 2018.1, включена цветовая маркировка синтаксиса для языка шейдера ShaderLab системы Unity, усовершенствована синхронизация с Unity, добавлены дополнительные функции отладки и улучшены механизмы создания кода благодаря использованию мастера MonoBehavior. VSTU также объединяет файлы проекта Unity, сообщения консоли и возможность запускать игру в Visual Studio, чтобы тратить меньше времени на переключение в редактор Unity Editor и из него при написании кода.

Как я могу использовать MS Visual Studio для разработки под Android?

Можете ли вы использовать Visual Studio для разработки под Android?

Да, вы можете использовать Visual Studio для Android (родной), используя «vs-android».

Вот шаги для его настройки:

Установите переменные среды:

(Панель управления> Система> Дополнительно> Переменные среды)

Еще лучшим решением является использование WinGDB Mobile Edition в Visual Studio: оно позволяет создавать и отлаживать проекты Android внутри Visual Studio:

Поверьте, я очень старался найти достойную IDE для разработки под Android, но мне это не удалось. Я использовал Visual Studio много лет, и мне так трудно привыкнуть к тому, как работает Eclipse.

Однако новый IntelliJ поддерживает разработку под Android, это самое близкое из возможных.

Если вы заинтересованы в создании гибридных приложений HTML5 (веб-приложения, заключенные в собственный контейнер, предоставляющий доступ к функциям устройства), расширение Nomad Visual Studio поддерживает сборку для устройств Android.

В настоящее время существуют плагины для IntelliJ IDEA и NetBeans, но вы по-прежнему можете использовать инструменты в / tools для сборки, отладки, мониторинга, измерения и запуска эмулятора.

В Microsoft Visual Studio 2015 теперь есть возможности для разработки под Android: C ++, Cordova и C # с Xamarin. При выборе одного из этих вариантов разработки для Android Visual Studio также установит новый эмулятор Visual Studio Emulator для Android, который будет использоваться в качестве целевого объекта для отладки вашего приложения. Вы также можете скачать эмулятор без установки Visual Studio. Подробнее см.

Это зависит от того, чего вы действительно хотите достичь.

Вы хотите продолжать создавать обычные приложения для Android на базе Java, но использовать Visual Studio для разработки? Тогда это плохие новости, поскольку Visual Studio не имеет встроенной поддержки java. Таким образом, если вы воспользуетесь им прямо из коробки, вы потеряете все специфические для Java функциональные возможности Eclipse (IntelliSense для Java, отладчик Java, мастера и т. Д.), А также многочисленные плагины Android (которые специфичны для Eclipse и выиграли » t работать с VS).

С другой стороны, вы можете использовать Mono для Android для разработки приложений на C # в VS, но они не будут выглядеть так гладко, как нативные приложения (некоторые функции могут отсутствовать, внешний вид немного отличается и т. Д.). В этом случае такое приложение может продаваться дешевле, чем «нормальное» приложение Java, которое выглядит и ощущается как все другие приложения Java.

Если вы говорите о нативном коде Android (на C / C ++), таком как игры, новости не такие плохие. Поскольку у Visual Studio нет проблем с C ++, есть множество способов заставить его работать:

Flutter Web.

flutter web architecture

The web support of the Flutter framework implementing a core drawing layer on top of standard browser APIs. It is using a combination of Canvas, DOM, and CSS. The Flutter web support provides a portable and high-quality user experience all modern browsers. The core drawing layer in Dart that used Dart’s optimized JavaScript compiler to compile the Flutter core and framework along with application into a single source file that you can be deployed on any web server.

Create a Flutter Web application

To create a new Flutter web application run the following command as we creating a Flutter web application FlutterWebApplication.

It’ll generate source code for web structure.

Understanding the Project Structure

Run the web app

To run the web app on the browser, enter the following command:

If there aren’t any other connected devices, the -d chrome is optional as we have used below:

Publishing a Flutter Web App

To publish a Flutter web app, we need to execute the following command:

This command will generate a build/web folder, which will include index.html and main.dart.js, along with any other files that your Flutter web app will require to publish. You need to copy the required files to the appropriate folder on the webserver.

Conclusions

As you can see, the development of the Flutter web is very easy even if you are not a web app developer. I’m happy and satisfied with this Technical Preview of Flutter. It’s been pretty straightforward to build a simple web App like this. But Flutter for the web is still in preview and it’s up to you start Flutter web with a single code base to build for iOS, Android and Web without having to have separate projects.

Debugging React Native with VS Code

February 2, 2022 6 min read 1831

When I developed native Android apps, I never had to set up debugging. It just worked in Android Studio. When I moved to React Native, though, I used console.log to debug my apps most of the time. But I missed the type of debugging I could do in Android Studio. I discovered, however, that I could use VS Code.

There are several ways to debug a React Native app, including using Google Chrome, Flipper, or React Native Debugger, but it’s nice to have the same Android Studio or XCode experience where you can write code and debug in the same app.

In this article, we’ll do just that by debugging a React Native app using VS Code.

Setting up React Native and VS Code

First, make sure you have a few things ready. Have VS Code installed, set up your React Native development environment set up, and have a project you want to debug.

To check that your development environment is set up correctly, you can run the following command in your project folder:

The next step is to install the React Native Tools extension in VS Code. Open up VS Code and your React Native project and search the extensions for “React Native Tools.” Make sure you see the Microsoft name on the extension.

Debugging on iOS using VS Code

Next, you need to create a debug configuration for VS code. Click on the Run view in VS Code, and then click Create a launch.json file.

Over 200k developers use LogRocket to create better digital experiences

Now, paste this in the file:

Click the Add Configuration button that shows up when you open the file, then click on React Native.

This will bring up another menu that will ask you what kind of debugging configuration you want to create. Choose Debug application.

Next, it will ask you what platform you will create the debug configuration for. Choose iOS.

More great articles from LogRocket:

Next, you’ll be asked how you want to debug the application. We have two options:

The support for direct debugging in iOS is experimental. You can choose either, but if you are using Hermes in your app, you will want to choose Application in direct mode. In the next and final question asking if you are using Hermes, choose yes. You can also add both configurations to see which works out best.

Let’s go to the Run view, where the drop-down menu at the top of the GUI will show your new debug configuration.

Clicking on the green triangle should start your app in the iOS simulator unless you created your app with create-react-native-app and are using Expo. If so, you may get a couple of error codes and nothing will run. We fix that down below.

Finally, open the developer menu once the app is running and enable remote debugging.

Debugging React Native on Android

To create the debug configurations in Android is the same as it is for iOS, except you will choose Android from the platform options. You will have the option of choosing Application in direct mode and Classic application when you are selecting the type of React Native application.

In Android, direct mode can only be used with Hermes. If you are not using Hermes, choose Classic application. Again, enable remote debugging once the app is running.

Debugging React Native if you are using Expo

If you are using Expo, nothing will work yet, and npx react-native doctor won’t help you find the issue. To fix this, choose Exponent in the platform options instead of Android or iOS.

Ensure you have expo-cli installed globally. If you don’t, run the following command in the terminal to install it:

Now, choose the Expo host parameter you want to use. If you choose Tunnel, you’ll be asked to create an Expo account username and password if you haven’t done so already. You can choose LAN or Tunnel if you don’t want to create an account.

Once the packager starts, VS code will show you a QR code, which you can scan with the Expo app installed on your phone, either for Android or iOS, to run and debug the app on your phone remotely. You will also have to enable remote debugging on the phone once the app is running.

Attaching to a running instance

Although clicking the play button in VS Code makes running and debugging your app simple and easy, run your project the standard way by attaching the debugger to the running app instead. This way, you won’t have to go through all the steps above to customize the debug configuration for your app — and it will work most of the time.

To do this, follow the first step for creating a debug configuration for iOS above. Once the first menu comes up, select Attach to application.

Afterward, VS Code will ask you the type of React Native application you want to attach it to instead of asking which platform you are using. Choose Application in direct mode if you are using Hermes on either mobile platform or want to use direct mode in iOS, and Classic application if you are not.

Now, you should have either Attach to Hermes application – Experimental or Attach to packager in VS Code’s Run and Debug drop-down menu, depending on which option you chose in the last menu.

You can launch your app either in Android or iOS with the standard commands you use. Once it is running, click the play button for that option to debug your app.

This works when you are having trouble launching an emulator or simulator with a debug configuration, too. Clicking one run button is convenient, but it may not be worth the trouble of figuring out the errors preventing the app from launching when attaching to a running instance will work just as well.

Using the VS Code React Native debugger

Now that you have all the debug configurations you need, either start the app with one or attach to a running instance of your app. Get familiar with the run and debug views, too. You can see mine with a breakpoint I set below:

Here, I put a breakpoint in a call to React Navigation because I wanted to ensure that a parameter was set correctly.

For example, one of the cards on the dashboard was taking users to the wrong navigation stack, so I clicked on the left of the line number in the code where the navigation occurred until a red dot showed. This sets a breakpoint. The breakpoint will then be listed in the Breakpoints section of the left panel.

There is plenty of functionality in the debug view of VS Code. Becoming familiar with it will help you level up your debugging skills, especially if you have only used console.log up to this point.

Let’s review what we have in the left panel.

Debug configuration drop-down

Variables

All the variables in scope when the application is paused on a breakpoint are listed here. They are divided by the closures that contain them, so you have to dig around to figure out which closure holds the variable you are looking for.

Watch

This section allows you to set variables you want to watch that could be in any one of the closures. This is handy if you know exactly which variable you want to check, so you don’t have to look through all the closures.

Call stack

In this section, you can dig through the call stack. By clicking on one function in the stack, you can open the function in the editor.

Loaded scripts

This section lists all running scripts.

Breakpoints list

The breakpoints section lists all the breakpoints you have set in your code. You can activate and deactivate them here using the checkbox. There is also the option to check caught and uncaught expressions to break on every one of those types of exceptions, which is useful when you want to track down why an app is crashing.

Using the debug view in VS Code

The debug view has a floating debug toolbar that has a drag handle on the left, so you can put it anywhere in the editor panel. I have yet to find a place where it won’t eventually be in the way, though. It also has five buttons on it that do these things:

I only use the pause and stop buttons. The other three buttons are useful if you want to know what is going on around the breakpoint you set. Stepping through code with these buttons can take a while because, by default, it will take you through the Node modules folder and all the code that is executed there.

To prevent this, you can add skipFiles to your debug configuration. You can add an array of file paths you want the debugger to ignore. Here is an example I used in my Attach to packager debug configuration to skip the Node modules folder:

Conclusion

If you use VS Code for React Native development, it only takes a few minutes to configure and start debugging your code. If you think console.log is enough, but haven’t tried a real debugger, you don’t know what you are missing! Thanks for reading.

LogRocket: Instantly recreate issues in your React Native apps.

LogRocket is a React Native monitoring solution that helps you reproduce issues instantly, prioritize bugs, and understand performance in your React Native apps.

LogRocket also helps you increase conversion rates and product usage by showing you exactly how users are interacting with your app. LogRocket’s product analytics features surface the reasons why users don’t complete a particular flow or don’t adopt a new feature.

Start proactively monitoring your React Native apps — try LogRocket for free.

How to set up devices for Visual Studio Code for a Flutter emulator

I’d like to use Visual Studio Code as my editor for Flutter development, but I don’t know how to get the emulator going. I’ve installed Visual Studio Code on Ubuntu 17.10 (Artful Aardvark).

I followed the first half of instructions as outlined on the Flutter: Get Started page (Create new app). Then I ran into trouble in the second half:

The problem is that in that bottom right-hand corner is «No Devices.»

How do I connect a device? I can’t seem to find instructions anywhere.

19 Answers 19

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

From version 2.13.0 of Dart Code, emulators can be launched directly from within Visual Studio Code, but this feature relies on support from the Flutter tools which means it will only show emulators when using a very recent Flutter SDK. Flutter’s master channel already has this change, but it may take a little longer to filter through to the development and beta channels.

I tested this feature, and it worked very well on Flutter version 0.5.6-pre.61 (master channel).

Do Ctrl + Shift + P

Then type Flutter:launch emulator

You do not need Android Studio to create or run a virtual device. Just use sdkmanager and avdmanager from the Android SDK tools.

Use the sdkmanager to download a system image of Android for x86 system. E.g., sdkmanager «system-images;android-21;default;x86_64»

If you restart Visual Studio Code and load your Flutter project. The new device should show up at the bottom right of the footer.

For those people using a Mac you can go to your terminal and type

and this command will open the simulator.

After that, just go to the Debug option and tap on «Start Debugging«

If you want to test with an Android Emulator:

What I did was to go first to Android Studio and open a virtual Device with AVD Manager. After that you’ll see another devices in your Visual Studio Code

In the bottom right you’ll see now that you have 2 devices connected. Now, you can test with any of this devices.

You can connect an Android phone via a USB cable and then it will show the device in the bottom bar. (Please note ADB must be installed. Click here for more.)

Or you can completely install Android Studio and set up the emulator from there and run the emulator. Then Visual Studio Code will recognise the emulator and show it at the bottom bar.

Visual Studio Code needs to know where Android SDK is installed on your system. On Windows, set the «ANDROID_SDK_ROOT» environment variable to the Android SDK root folder.

Plus: Always check the «OUTPUT» and «DEBUG CONSOLE» tabs for errors and information.

Do Ctrl + Shift + P

Type- Flutter:launch emulator

You can see the bottom menu in VScode, click on this button and you will able to see all the available devices.

You can use the ‘Android iOS Emulator’ plugin and add the Android Studio emulator script to your settings in Visual Studio Code:

Mac: emulator.emulatorPath»: «

Windows: emulator.emulatorPath»: » \\Sdk\\emulator\\emulator.exe

Linux: emulator.emulatorPath»: «

Your Visual Studio Code settings are found here: Menu File → Preferences → Setting → User Setting → Extensions → Emulator Configuration. Open command palette, Cmd + Shift + P → type «Emulator»

First, you have to install Android Studio and Xcode to create a phone emulator.

In Visual Studio Code you can use the Android iOS Emulator plugin to set the path of emulator to run.

The following steps were done:

Alternatively, if you enable developer mode and (ADB) is still needed, you can use connect to the device.

To enable developer mode, you go to Phone Settings → About Phone → tap buildnumber seven times.

Once you have it enabled and have the device connected, you can start seeing the device in Visual Studio Code.

Set «ANDROID_SDK_ROOT» in environment variables. This solved my problem.

From this error, it is obvious that «flutter doctor» was not able to find the «Android SDK» and the reason for that was my Android SDK was downloaded in a custom location on my Ubuntu machine.

So we must need to tell «flutter doctor» about this custom Android location, using the below command,

You need to replace /home/myhome/Downloads/softwares/android-sdk/ with the path to your custom location/place where the Android SDK is available.

Once this is done, rerun «flutter doctor» and now it has detected the Android SDK location and hence I could run avd/emulator by typing «flutter run».

Visual Studio Code Dev

Get started here.

Visual Studio Code (VS Code) is a free, open source, lightweight and powerful code editor for Windows, Mac and Linux, based on Electron/Chromium. It has built-in support for JavaScript, TypeScript and Node.js and a rich extension ecosystem that adds intellisense, debugging, syntax highlighting etc. For many languages like C++, Python, Go, Java, it works without too much setup.

It is NOT a full-fledged IDE like Visual Studio. The two are completely separate products. The only commonality with Visual Studio is that both are from Microsoft.

Here’s what works well:

Contents

Updating This Page

Please keep this doc up-to-date. VS Code is still in active development and subject to changes. This doc is checked into the Chromium git repo, so if you make changes, read the documentation guidelines and submit a change list.

Setup

Installation

Usage

If you installed Code Insiders, the binary name is code-insiders instead.

Fixes for Known Issues

Git on Windows

Tip: you can jump to the settings JSON file by using Ctrl+Shift+P and using the “Preferences: Open User Settings (JSON)” verb (for whatever reason, setting git.path as a folder setting does not appear to work).

Useful Extensions

Up to now, you have a basic version of VS Code without much language support. Next, we will install some useful extensions. Jump to the extensions window ( Ctrl+Shift+X ) and install the extensions, or run the following commands.

You will most likely use the following extensions every day:

The following extensions might be useful for you as well:

Also be sure to take a look at the VS Code marketplace to check out other useful extensions.

Color Scheme

Press Ctrl+Shift+P, color, Enter to pick a color scheme for the editor. There are also tons of color schemes available for download on the marketplace.

Keyboard Shortcuts

CheatSheet

Useful Shortcuts

Java/Android Support

Before anything, add these to your settings.json.

Then install the “Language Support for Java” extension. If you installed it before setting the configs above, uninstall, delete the folder (c.f. next section) and reinstall. You also don’t need any of the remaining extensions in “Extension Pack for Java”.

Setting up code completion/reference finding/etc.

You might find multiple folders when looking for

If doing remote development, the file will be under

/.vscode-server/ on your remote machine.

You’ll need to replace all of the contents of that file with the contents of tools/android/eclipse/.classpath (external) or clank/development/ide/eclipse/.classpath (generated by gclient runhooks for Chrome developers), and then replace some paths as vscode interprets some paths differently from eclipse.

Also, make sure export ANDROID_HOME=/usr/local/google/home//Android/Sdk is in the remote machine’s

Then restart vscode, open a Java file, and wait for a bit.

Setup For Chromium

VS Code is configured via JSON files. This paragraph contains JSON configuration files that are useful for Chromium development, in particular. See VS Code documentation for an introduction to VS Code customization.

Workspace Settings

Tasks

Next, we’ll tell VS Code how to compile our code, run tests, and to read warnings and errors from the build output. Open the file //tools/vscode/tasks.json. This will provide tasks to do basic things. You might have to adjust the commands to your situation and needs. To use these settings wholesale, enter the following command into your terminal:

Now you can run tasks by using Ctrl+P and typing «task » and then a number of your choice. If you select one of the build tasks, the build output will display in the terminal pane. Jump through build problems quickly using F8 / Shift-F8. See task names for more info on running tasks.

If you have intellisense enabled but do not have include paths set up correctly, jumping through problems will also try to navigate through all the include files it cannot locate and add a lot of noise. You can fix your include path or simply set intellisense to “tag parser” mode by doing the following:

Launch Commands

Key Bindings

If you are used to other editors, you can also install your favorite keymap. For instance, to install eclipse keymaps, install the vscode-eclipse-keybindings extension. More keymaps can be found in the marketplace.

Some key bindings that are likely to be useful for you are available at //tools/vscode/keybindings.json. Please take a look and adjust them to your situation and needs. To use these settings wholesale, enter the following command into your terminal:

Remote

VS Code now has a Remote framework that allows you to use VS Code on your laptop while your code is hosted elsewhere. This really shines when used in conjunction with the vscode-clangd plugin, which allows clangd to run remotely as well.

To get this to run, install the Remote pack extension, and then make sure your ssh config file has your remote connection:

Chromebooks

For Googlers, here are Google-specific instructions for setting up remote development on chromebooks without using Crostini.

Windows & SSH

VS Code remote tools requires ‘sshd’ which isn’t installed on Windows by default.

For Googlers, sshd should already be installed on your workstation, and VS Code should work remotely if you followed the setup instructions at go/building-chrome-win. If you are still having problems, please refer to go/vscode-remote#windows.

Non-Googlers may follow may follow Microsoft’s instructions for installing the OpenSSH server. VS Code should work remotely after following this step.

Snippets

There are some useful snippets provided in //tools/vscode/cpp.json.

You can either install them in your user profile (path may vary depending on the platform):

Or install them as project snippets:

The out folder

Automatically generated code is put into a subfolder of out/, which means that these files are ignored by VS Code (see files.exclude above) and cannot be opened e.g. from quick-open ( Ctrl+P ). As of version 1.21, VS Code does not support negated glob commands, but you can define a set of exclude pattern to include only out/Debug/gen:

Once it does, you can use

in files.exclude instead of the symlink.

Using VS Code as git editor

Task Names

Working on Laptop

You might want to disable git status autorefresh to save battery.

Editing in multiple Git repositories

To work around this, you can add the directories you edit as separate folders entries in your workspace configuration, and ensure that the directories that are ignored in Chromium are listed before the Chromium src path.

Top 7: Best free code editors apps for Android

Carlos Delgado

See our top of 7 from the best free code editors applications for software developers.

As an enthusiast developer, I write and read a lot of code every single day without exception. However, not always you can take your laptop and work wherever you want for different reasons. Nowadays, everybody has a Smartphone that is small as a hand. Many developers say that that’s already an impediment because you can’t work comfortably, but we do not all think in the same way (i mean, not all of us have huge fingers).

In this top, we will share with you a collection of 7 from the best free code editors applications available for the Android Platform.

Recommendations

If you want to enjoy your development experience while you work with any of the apps in this top, we recommend you to use an appropriate keyboard like Hacker’s keyboard. This keyboard is available on the Play Store.

7. Dcoder

Dcoder is a mobile coding IDE especially designed to hone your coding skills on mobile. It is a complete package to learn and comprehend the programming languages from a wide range e.g from C to Ruby. It includes Rich text editor supporting syntax highlight and packed with all the necessary tools required to give you all the edge an IDE or Code Compiler can give. The compile process is made through cloud APIs, that means that these features aren’t available without internet.

Not only you can code, you can debug the code to see compilation errors and Result on the same screen. Its more alike port of your favourite Code Editors like Notepad++ or Sublime Text with compilation power. It offers Custom Themes too, Editable font Size for the Editor and much more. This app offers in-app purchases.

6. Quoda Code Editor

If you want to code productively away from your PC, Quoda is a must have, allowing you to carry a text editor and IDE like Notepad++, Textmate or Sublime Text in your pocket to code when on the move.

5. QuickEdit

QuickEdit is a fast, stable and full featured text editor for Android devices. It has been optimized for both phone and tablet, it’s of high performance and real time feedback on large text files (more than 10,000 lines). The speed and responsiveness is very good if you compare it with other text editor apps on Google Play. It can be used as a text editor or code editor for normal text files and programming files. It will automatically detect the character encoding of your files, but you can still change it as you wish.

QuickEdit allows you to Access files from recently opened or added files collections, FTP, Google Drive, Dropbox and OneDrive and has syntax highlight for more than 40 languages like C++, C#, Java, XML, Javascript, Markdown, PHP, Perl, Python, Ruby, Smali, Swift, etc. QuickEdit has the ability to edit system files on rooted devices too.

4. anWriter Free

anWriter HTML editor helps you to write code: It offers an autocompletion support for: HTML, CSS, JavaScript, LaTeX (PHP, SQL in pro version). It supports modern technologies: It offers an autocompletion support for HTML 5, CSS 3, jQuery, Bootstrap, and Angular It supports FTP: You can download a file from the FTP server, send a file to the FTP server, and browse directories on the FTP server. It allows previewing web pages in application: Allow you to get a quick preview of your web page in an internal viewer. You don’t need to open a browser. The integrated viewer has a JS error console.

With anWriter you will significantly increase your coding speed, compared with a usual notepad. anWriter is much lighter than most IDE, but at the same time much more powerful, than most of notepad like editors.

3. Pocket Editor

Pocket Editor is meant to be used as an integrated development environment (IDE), text editor, and code editor for Android. It offers syntax highlighting, code completion, and other features for languages like:

And many more. It offers many features to enhance your performance while you work. Although this app is closed-source, it is totally free and it doesn’t have ads. Pocket Editor is a product by Our Code World.

2. Turbo-Editor

Simple, Powerful and Open Source Text Editor for Android. Built following the latest Android Guidelines to make the experience the most intuitive on the Phone but also on Tablets.

1. DroidEdit Free

DroidEdit is a text and source code editor (similar to Notepad++ or gedit) for android tablets and phones. Take your work everywhere with this application, code while you’re waiting for the bus or when you’re relaxing in a nice beach (i don’t know why someone would code on vacations but, whatever). Don’t rush to your office if you receive an emergency call asking you to change some code. Just pick your mobile phone and edit everything you need. This app supports Emmet Tools, expand simple expressions into full fledged HTML code automagically.

The ad supported version has exactly the same functionality as the paid version except it doesn’t have SFTP support, Dropbox support, Custom themes and root mode.

Honorable mentions

Our Code Editor Free

Our Code Editor supports code folding, Live syntax checker (for a couple of languages), cut, copy, and paste functionality, Search and replace with regular expressions

Codeanywhere

Apparently the Codeanywhere app doesn’t allow to edit local files from your device, only from remote sources.

Enlightened

Enlightened is an elegant, minimalist code editor for Android. Its purpose is similar to that of other lightweight code editors: it allows you to edit text and code of many different languages. Think of it as a kind of Notepad++ for Android devices. At the same time, its goal is to stay minimalistic and intuitive. It has absolutely no ads, intrusive permissions, or other nonsense. This app is not stable and have some bugs, however the app has potential and its improvable, that’s why it’s worth to mention it.

If you know another awesome free code editor application, please share it with the community in the comment box.

10 расширений для VS Code, без которых я не могу программировать

VS Code — мой любимый редактор кода. Это — самый популярный из существующих редакторов, возможности которого можно расширять практически до бесконечности. И, что удивительно, разработала его компания Microsoft. Я полагаю, что ни один из других редакторов и ни одна из других IDE не может дать разработчику хотя бы половину того, что способен дать ему VS Code. Одна из сильных сторон VS Code — это система расширений. Она позволяет создавать расширения буквально на все случаи жизни. Хочу рассказать вам о моём топ-10 расширений для VS Code.

1. Beautify

Расширение Beautify позволяет форматировать html-, js-, css-, JSON- и sass-код. Параметрами форматирования можно управлять. Это расширение является надстройкой над стандартной системой js-beautify и позволяет разработчику форматировать код именно так, как ему нужно.

2. Better Comments

Расширение Better Comments позволяет расширить возможности по работе с комментариями. В частности, оно позволяет делить комментарии на категории. Это могут быть уведомления, запросы, списки дел, примечания.

Использование Better Comments

3. Bookmarks

Расширение Bookmarks — это настоящий спасательный круг для программистов. Особенно для тех, которые потерялись среди тысяч строк кода. Это расширение позволяет прикреплять к строкам кода закладки. Если у строки кода есть закладка — к этой строке можно легко перейти, воспользовавшись списком закладок.

Закладки в коде

4. Bracket Pair Colorizer 2

Расширение Bracket Pair Colorizer 2 позволяет раскрашивать скобки, что облегчает нахождение пар открывающих и закрывающих скобок. Это очень полезно в тех случаях, когда приходится работать с вложенными друг в друга программными конструкциями.

Пары скобок выделены цветами

5. Format in Context Menus

Расширение Format in Context Menus позволяет форматировать файлы, выделяя их в боковой панели и вызывая команду контекстного меню. Это особенно удобно в тех случаях, когда имеется множество файлов, которые нужно отформатировать, но при этом в имеющемся окружении нет поддержки средств для форматирования и линтинга кода.

Работа с Format in Context Menus

6. Git Graph

Расширение Git Graph позволяет просматривать структуру репозитория и, пользуясь этой структурой, выполнять различные операции. Это расширение поддаётся тонкой настройкой и обладает множеством возможностей. Вероятно, для того, чтобы как следует его описать, понадобится целая отдельная статья.

Работа с Git Graph

7. GitLens

Расширение GitLens помогает выяснять авторство кода с использованием аннотаций git blame и линз. Это расширение, кроме прочего, позволяет очень удобно просматривать содержимое репозиториев и узнавать полезные сведения о коде.

Работа с GitLens

8. Indent Rainbow

Расширение Indent Rainbow позволяет раскрашивать отступы, выделяя разными цветами отступы разных уровней. Это особенно полезно при работе с глубоко вложенными конструкциями в языках наподобие Python.

9. Path Intellisense

Расширение Path Intellisense оснащает редактор возможностями по автозавершению путей к файлам. Хотя VS Code поддерживает автозавершение путей и без расширений, эта возможность ограничена только HTML-, CSS- и JavaScript-файлами. Благодаря данному расширению автозавершением путей можно пользоваться при работе с любыми файлами и любыми языками.

Работа с Path Intellisense

10. Total Lines

Расширение Total Lines — это маленький удобный инструмент, который выводит в статус-баре сведения о количестве строк в открытом файле. Это — приятное дополнение к моей коллекции расширений.

А какими расширениями для VS Code пользуетесь вы?

Напоминаем, что у нас продолжается конкурс прогнозов, в котором можно выиграть новенький iPhone. Еще есть время ворваться в него, и сделать максимально точный прогноз по злободневным величинам.

Как запустить VS Code на устройстве Android

У меня есть Galaxy Tab S6, и у него есть классные функции для замены ноутбука, такие как подключение мыши и клавиатуры, но, к сожалению, он работает под управлением ОС Android, и для Android доступно не так много приложений для разработки, поэтому я подумал, есть ли возможность запустить код VS на минимум на моем устройстве?

2 ответа

Я написал этот пост, используя Linux Ubuntu на процессоре на базе ARM64 Galaxy Tab S6 и полной версии Chrome. и следующие методы могут быть применены на любом устройстве Android высокого класса;)

У вас есть 2 способа установить Linux:

1. Установите дистрибутив Linux через «Termux».

2. Установите среду рабочего стола Linux с графическим интерфейсом пользователя, например «Xfce».

3. запустите VNC-сервер на вашем Linux.

4. Откройте «VNC Viewer» на android, чтобы начать взлом.

5. Установите vscode для arm64
6. Необязательно: установите NodeJS для arm64

microsoft/vscode-cordova

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Cordova Tools Extension

Debug your code, find commands in the Command Palette, and use IntelliSense to browse objects, functions, and parameters in plugin APIs. This extension works with any Cordova-based project.

Open a Terminal (on a Mac) or a Command Prompt (on a Windows computer).

If you’re planning on targeting iOS devices,

If you’re planning on targeting Android devices, set up your machine by following instructions at Android Platform Guide from Apache Cordova

Add a platform to your Cordova project

Open a Terminal or a Command Prompt and run the following command in the root directory of your project

cordova platform add android

Supported platforms: android, ios

Choose the Cordova debug environment

Click the debug icon ( ) in the View bar, and then click the configure gear icon ( ) to choose the Cordova debug environment.

The launch configuration file appears. It contains some default configurations such as what is shown below.

You can modify these configurations or add new ones to the list. Just don’t add a Windows configuration as it is not supported yet.

You can use other fields in these configurations as well. Here’s the complete list:

Debug your Cordova-based project

To start the debugger, choose a target from the target drop-down list, and then either click the start button ( ) or press F5.

To restart a Cordova application debugging correctly click on the Restart Cordova debugging button. In case of a launch debug scenario the application will be rebuild otherwise the debugger will reattach to the application.

You can debug your app on an Android emulator or an Android/iOS device. If you have your app running in one already, you can attach the debugger to it. The debugger uses the application ID of your project to locate the running instance.

Visual Studio Emulator for Android: To deploy your app to the Visual Studio Emulator for Android using our extension, you first need to manually launch the emulator. Once it is running, select the Run Android on Device debug target rather than the emulator target. If ADB didn’t automatically recognize the VS Android emulator when you launched it, you will need to run adb connect [EMULATOR’S IP] on the command prompt before trying to deploy. To find out the IP address of your emulator, click the double arrow icon at the bottom of the emulator’s side-menu to open the «Additional Tools» window, and go to the «Network» tab. Use the IP of an appropriate network adapter in the list.

We won’t go into all of the great things that you can do with the Visual Studio Code debugger, but you can read about it here.

Troubleshooting tip: If you press debug button, but nothing happens and you can see only pending spinner for a long time, make sure that Cordova project is opened as a workspace root. If, for instance, you have one parent directory, and your Cordova project is in a subdirectory, it is recommended to use a multi-root workspace approach, so that the debugger can find the necessary Cordova files properly.

Find Cordova commands in the Command Palette

In the Command Palette, type Cordova and choose a command.

The Build command triggers cordova build and builds for all platforms that you’ve added to the project.

Since all platforms are built you may receive errors for incompatible configurations. For example, if you’re on a Windows computer, and you’ve added an iOS platform to your project, you’ll get an error because you need a Mac to build for iOS platforms. You can’t build an iOS app on a Mac by using VSCode on a Windows computer.

The Run command triggers cordova run and starts your app without debugging and just like the Build command, it runs all platforms that you’ve added to your project.

The Simulate Android in browser and Simulate iOS in browser launch your application in the browser and they are described in the next section.

Simulate your app in the browser

If you just want to run the application in the browser without debugging, two commands with the same names are available in the Command Palette.

If you launch the application using one of these debug targets or commands, the application will launch in Chrome, and Visual Studio Code will display an additional panel that controls the simulation for the core plugins added to your project. Here are some of the new features:

Here is a video demo of the feature. If you have feature requests or suggestions, please reach out to us here.

Support for Ionic

The debug target includes the ability to serve to the browser for use with Ionic projects. You can now deploy and debug directly to Chrome, live reload is enabled by default.

We’ve included a number of useful JavaScript and HTML code snippets for your project, try typing ion_ in the editor to see what’s available.

New Ionic commands have also been added to the Command Palette, type Ionic in the palette to see the full list.

Ionic live reload is supported on devices and emulators.

Additional IntelliSense has been added for Ionic, Angular and JQuery.

Use IntelliSense with Plugin APIs

Intellisense helps you discover objects, functions, and parameters in libraries that your project consumes. Now you can use it for the more popularly used core plugins.

IntelliSense appears only for plugins that you’ve added to your project, but it doesn’t matter whether you add the plugin before or after you install this extension.

Just start typing in the code editor to see the objects, functions, and parameters of your plugin’s API.

Use IntelliSense with injected Ionic and Angular services

While IntelliSense is also available for Ionic and Angular, these frameworks use a dependency injection model for built-in services that VSCode’s language service cannot understand by default.

To properly enable IntelliSense in these scenarios, you will need to use JSDoc headers.

Our extension will provide the typings for you, so all you have to do is create the JSDoc headers above the functions you wish to receive IntelliSense for.

Note: JSDoc headers may not be supported (for IntelliSense purposes) in old VSCode versions.

How to disable telemetry reporting

VS Code Cordova extension collects usage data and sends it to Microsoft to help improve our products and services. Read our privacy statement to learn more.

If you don’t wish to send usage data to Microsoft, please follow the instructions below to disable its collection.

/.vscode-cordova and add «optIn»:false.

Why can’t I debug my app on iOS Simulator?

Due to recent changes in macOS we cannot connect to simulators to enable debugging of Cordova apps. We hope to re-introduce this functionality as soon as macOS provides a mechanism that allows the extension to connect to apps running in simulator. You can read more about the issue here.

Due to recent changes in iOS we cannot connect to Ionic and Cordova applications which are using WKWebView for content rendering. This caused by changes in Webkit protocol in iOS version above 12.2. As soon as the ios-webkit-debug-proxy version with the corresponding compatibility fix will be released, this issue should be resolved. You can read more about the issue here.

Try to increase attach timeout by adding attachTimeout configuration parameter.

Error Error running android while running Ionic 4 project for android platform

It caused by ionic cli bug. As workaround, you can use Node JS v10+.

After running Ionic 4 project on native platform I get white screen in application and error (intermediate value).fill is not a function in Debug Console.

I try to attach to Ionic 4 app running with livereload but breakpoints are not being hit or being placed to incorrect positions

Add «ionicLiveReload»: true to your attach debug configuration and reattach.

About

A Visual Studio Code extension providing intellisense, debug, and build support for Cordova and Ionic projects.

Coderslang

Coderslang: Become a Software Engineer

Coderslang: Become a Software Engineer

This VSCode extension is a companion for the Full Stack JS course CoderslangJS.

At the moment we support two languages which are EN and RU.

Learn Javascript

If you want to learn Full Stack Javascript development you’re in the right place.

We’ll start by building a strong core JS knowledge. You can start here if you have zero prior programming experience as we’ll work very carefully to now overload you with new material.

Then we proceed to building backends in Node.js and Express.js, deploying them to the remote servers with Docker. You’ll also learn to operate on a Linux operating system as most web servers run on it.

The frontend path begins with learning the basics of HTML and CSS and moves on to creating modern single page applications with React.js.

The mobile development course teaches you all about the cross platform development for iOS and Android using React Native.

Eventually, we’ll get to a point where you’re ready to be hired as a Full Stack JS Engineer or build your own startup. To make sure don’t reinvent the wheel, we’ll have a deeper dive into vanilla JS once again.

We’ll learn Algorithms, Data Structures and Principles of Software Development and finalize your education with the Technical Interview Preparation.

How do I start learning

The Coderslang VSCode extension allows you to get practical tasks from our server and solve them.

You learning path starts in the browser, so you should head to js.coderslang.com if you haven’t already.

There, you’ll get an API key that you’ll enter into the extension settings.

Once you’re authenticated, you can download available tasks and submit them. The system will verify your solution and tell you the result of submission in a couple of seconds.

If you’ve solved the task correctly, you can move on to the next one.

If not, then you’ll see a list of issues that your program has. You should fix them and resubmit the solution.