Visual Studio Code for HTML Development
Uploaded by
ScribdTranslationsVisual Studio Code for HTML Development
Uploaded by
ScribdTranslationsVisual Studio Code.
Development of HTML code in Visual Studio Code.
Student:
Díaz Medel Oscar German
Teacher: Raymundo Centeno Pérez.
4PRCV 11/02/2022
Asignatura: Construye paginas web.
Analyze and study the preparation to know the
Objective casting of the Visual Studio Code program for the
HTML development.
Introduction
Visual Studio Code is a source code editor developed by Microsoft for Windows,
Linux and macOS. Includes support for debugging, integrated Git control, syntax highlighting
syntax, intelligent code completion, snippets, and code refactoring is also
customizable, allowing users to change the editor theme, shortcuts
keyboard and preferences. It is free and open source, although the official download is
under proprietary software.
History
History
Visual Studio Code was announced on April 29 of
2015 by Microsoft at the Build conference of 2015. Official Site
A preliminary version was released shortly afterwards. [Link]
On November 18, 2015, Visual Studio Code was
released under the MIT license and its source code
published on GitHub. The ability to add It has a text editor on the part
extensions was announced. inferior
[Link]
On April 14, 2016, Visual Studio Code graduated the
ones-for-visual-studio-code/
etapa de vista previa pública y se lanzó a la web.:
What does he/she/it do?
It is a code editor.
source that has a
source code software
open, proprietary software
and its debugger
compatibility is no more
beyond GNOME
Source code developed by
Microsoft for Windows, Linux, and macOS.
29 de abril de 2015 Size
Windows: 43.5 MB
Debian, Ubuntu: 42.7 MB
Version 1.30 Fedora, Red Hat: 62.4 MB
macOS: 65.7 MB
Idiomas, inglés, chino simplificado, chino clásico, francés, alemán, italiano, español,
japonés, coreano, ruso, búlgaro, húngaro, portugués brasileño y turco
Characteristics
It is compatible with various programming languages and a set of features that may or may not be
available for a given language, as shown in the following table.
To access the features through the command palette or through files are (for example,
user preferences). The command palette is a command line interface. However,
disappears if the user clicks outside of it or presses a combination of keys on the keyboard to
interact with something that is outside of it. This also applies to commands that require a lot of time.
When this happens, the ongoing command is canceled.
Visual Studio Code can be extended through plugins, available through a central repository.
This includes additions to the editor and language support. A notable feature is the ability to create
extensions that analyze code, such as linters and tools for static analysis, using the Protocol of
Language Server.
More like this
Thumbnail of step 8
Thumbnail of step 9
Thumbnail of step 10
Thumbnail of step 11
Screenshots
Characteristics of the editor
Colors of syntax
Error and warning marks
Key coincidence
Structure viewer
Visual Studio Code is a source code editor. It supports various programming languages and a set of
features that may or may not be available for a given language.
From the extensions section, we also have the option to see the most popular ones, those of programming languages, or others.
themes. To be able to visualize them, we just need to go to the ellipses next to the search bar, and a menu will appear.
dropdown with suggestions.
Interesting extensions for development
web in Visual Studio Code:
Visual Studio Code extensions give us countless options, such as coloring
tabs, labels or autocomplete recommendations. There are also extensions
that help us with the programming language we are going to use, for example
for Python, C / C++, JavaScript, etc.
Better Haml: An extension that helps us with the syntax and autocompletion of Haml.
YML (Yseop Markup Language): Provides support for YML, adding color and shortcuts.
HTML Snippets: Add colors to HTML tags and shortcuts for this language.
Make the code more attractive and easier to read.
What language do you program in? Demonstration
Programmed in TypeScript, JavaScript,
CSS C#, F# and Visual Basic
PHP, Python, Perl, SQL, shell scripting in
Bash and Java.
Git and web programming with HTML, CSS and
JavaScript, among other languages.
General Overview Screenshots.
Screenshots of Interface
Screenshots of Integrated Terminal
Recommended Visual Extensions
Studio Code
The reading of the code and the The extensions that help us with
navigation through the menus programming languages
Visual Studio Code-icons: Extension that Ruby: Helps to develop Ruby with Visual
change and add icons to achieve Studio Code provides shortcuts,
an easier and more intuitive navigation text recommendations and, apart from that, us
identifying whether it is an HTML file, a provides tools of Ruby itself
directory, a Ruby file or of
JavaScript. like Rubocop, a tool that analyzes and
Format the code. Or Reek, what is it?
Indent-Rainbow: Extension that allows tool that examines classes, modules
a broad code with functions and and Ruby methods and report when the
nesting, we can identify
code smells bad
quickly what is inside of what.
Ruby Solargraph: Nos da sugerencias de auto-
code completion
Simple interface
Advantages
Command palette
Git Integration: The changes you make in your
files are highlighted in various places so that
you know exactly what's going on.
IntelliSense: It is an assistant for auto-completion and
syntax highlight and goes a little further than what
you would expect from this type of characteristic.
It has a code autocomplete.
Poor support for object-oriented programming
Disadvantages objects
Only Microsoft can decide the evolution of this
language.
Only generates executables for Windows.
The generated executables are relatively slow.
The syntax is too inflexible.
There is only one compiler, named the same as the
language.
Conclusion
In conclusion, the Visual Studio Code tool is a good tool for writing and
develop code in html, however some experience is needed in this
tool.
References:
[Link]
[Link]
