What can the browser version of Visual Studio Code can do and what cannot be done?

　I think many PC Watch readers know the editor called Visual Studio Code.Microsoft has long been providing IDE (integrated development environment) called Visual Studio.The latest version was Visual Studio 2022 (hereinafter VS2022), which was open to the public on November 9.In the past, only a paid version existed, but in 2005, a free version (however, the functions are limited and the use is limited), an edition called Visual Studio Express was added.It is now provided as a Visual Studio Community Edition (this is also free of charge).

　Visual Studio is intended for the development of the program, but only the editor is extracted from here, and the Visual Studio Code (VS Code) is also provided free of charge.What is different is that it's quick to look at the screen.

【写真1】簡単なコンソールプログラム。ちなみに1秒毎にすべてのCPUの負荷率をシステムから取得して表示するというもの【写真2】筆者の趣味でダークモードにしているが、Visual Studio 2022と同じような表示にすることはもちろん可能

　Photo 1 shows his own program in VS 2022, and the same program is displayed in VS Code.Since VS 2022 is a development tool, it is possible to build a program, run/debug, and display the relationship between code in development.However, it takes time to start up, and the processing is often a bit heavy.Therefore, it is used when writing or debugging a program, but it is a little troublesome for only looking at the source code (for example, downloading a sample program and checking the contents).In such a case, VS Code is lighter and more convenient.

　In addition, VS Code is derived from Visual Studio, so "Open a folder" is the default operation.In short, if you specify the folder with the file, you can refer to all the files in the folder at once.In general, when creating a program, there is a situation in which related source files, header files, etc. are stored together in one folder. Therefore, multiple files in the same folder are switched by tab, and in some cases, in some cases.The operation is very smooth when comparing while displaying while displaying, and it is very convenient for the writer who originally wrote a program in Visual Studio.

　It seems to be said, "That's it!", But I don't use GitHub personally, and I'm not familiar with recent development languages (I'm still a C language), so I feel that the abundant functions of VS2022 and VS Code are honest.It's not, but it's not the only one who uses this way.

　As an aside, VS Code can do various things in the form of extension.First, VS Code wrote that the editor was extracted from Visual Studio, but it can also be used here with a compiler or debugger in the form of an extension.For example, in Arduino, if you search for "Arduino" for an extension search, the "Arduino for Visual Studio Code" Microsoft's "Arduino for Visual Studio Code" will appear at the top, and if you put it, you will be able to link with the Arduino IDE (Photo 3).。

【写真3】ほかにもNode-REDだのPlatformIO IDEだのESP8266FSだの、色んなプラットフォーム向けIDEの拡張機能が並んでいる

　Alternatively, the image file display plug -in is installed as standard, but using the functional extension will open Excel or PDF.It is convenient to check the manuscript while looking at multiple materials (Photo 4).I don't use it, but I can also incorporate a Python interpreter.Recently, we hear that web designers and web programmers are using extensions in VS Code.

【写真4】いつぞやの猫PCのフォルダを開いてみた。文章が長い場合、横に全体のプレビューが示され、現在どのあたりを参照しているのか判るのも地味に便利。

　Even in VS Code, which is convenient for writing and referring to a program, it is a bit suspicious when it is convenient to write a manuscript.Speaking of the author, I have been using Hidemaru for a long time, but the sound recorder control using a macro (for tapes), a line number that is not based on a line break, and customizes the number of characters count tools, etc.Hidemaru is more convenient in various aspects.Well, this is a category of personal preference, so some people will write manuscripts in VS Code (I think the outline function of VS Code is convenient, but this is also in Hidemaru, so it is hard to do with it).

　By the way, so far, as usual, a long pillow.On October 20, the Visual Code for Web (hereinafter VS Code for Web), the browser version of the VS Code, was released.I would like to briefly introduce the difference from VS Code.

　In terms of usability or usage, it is actually extremely easy, and when you access the site, it is this screen (Photo 5).Except for the fact that it is running on a web browser, the appearance does not change at all.The difference is that VS Code has a standard menu bar (can be erased), but the VS Code for Web has no menu bar display function.

【写真5】VS Codeの立ち上げ時と全く一緒。ちなみにこれはFireFox 94.0.1での画面。

　By the way, in the case of linking to Git, of course, you need to set an account, but you can use it as it is to use VS Code for Web alone.The message has not been made into Japanese, and all are in English, but if you use VS Code, this will not be a big problem.

　When I actually opened the file, it was like VS Code itself, especially the usability (Photo 6).Since the menu was not Japanese, I thought that it was not supported in Japanese encoding, but this was supported without any problems, and there was no problem with standard extensions (such as JPEG display).(Photo 7).

【写真6】よく見ると、ここでも最後の無限ループのSleep()のコメントがちゃんと日本語で表示されていた。こちらはVivaldi 4.3.2439.65での動作【写真7】この"猫PC02.txt"、実はエンコードがShift JISであり、エンコード指定は必要になる(これはVS Codeも同じ)が、指定したらちゃんと動作した

　Then, whether VS Code Web can be used normally, there are many inconveniences compared to VS Code.Specifically, the following six are listed.