Installing Visual
Studio Code
By Yash Sharma
Text Editor
● A text editor is a program that allows you to open,
view, and edit plain text files.
● a text editor provides an "empty" display screen (or
"scrollable page") with a fixed-line length and visible
line numbers. You can then fill the lines in with text,
line by line.
● Example: Notepad is a very basic text editor with
minimal features and low capabilities.
About VS Installing Installing Creating Viewing file
Text editor
code VS code extension File in browser
Visual Studio Code
● Lightweight but powerful source code editor.
● Runs on desktop and is available for Windows, macOS and Linux.
● Comes with built-in support for JavaScript, TypeScript and [Link].
● Has a rich ecosystem of extensions for other languages (such as C++,
C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).
● Combines the simplicity of a source code editor with powerful
developer tooling, like IntelliSense code completion and debugging.
● Combines the best of web, native, and language-specific technologies.
About Installing Installing Creating Viewing file
Text editor
VS code VS code extension File in browser
Installing Visual Studio Code
Visual studio code can be downloaded using the official Link
Depending on the OS VS code can be downloaded.
About VS Installing Installing Creating Viewing file
Text editor
code VS code extension File in browser
Installing extension in VS code
● Open the Visual studio code for installing extensions
that will help to open the web pages directly on the
browser.
● To download and install extensions click on the
extension icon in the left pane.
● Open-in-browser is the extension that needs to
be installed.
About VS Installing Installing Creating Viewing file
Text editor
code VS code extension File in browser
Creating new file in VS code
● Select New File…
● Save the file in the appropriate folder/ create the folder.
● Choose the file type while saving.
● The file in the VS Code appears with file extension after saving.
About VS Installing Installing Creating Viewing file
Text editor
code VS code extension File in browser
Adding code in file
● Add the simple html code in the file.
● View the file in the browser, with help of the extension installed
● View of file in browser.
About VS Installing Installing Creating Viewing file in
Text editor
code VS code extension File browser