Web Design

HTML and CSS Getting Started with VS Code.

How to Start writing HTML and CSS ?

How to Start writing HTML and CSS ?

VS Code with Live Server

Well we first need a Editing software. My personal recommendation is VS Code short for Visual Studio Code by Microsoft. Visual Studio Code combines the simplicity of a source code editor with powerful developer tooling, like IntelliSense code completion and debugging. It is Available for macOS, Linux, and Windows.

You can Download and install VC Code by following the links below for:

Aldo VS Code is a powerful code editing software, there are many more out there.

This are some of the most populare ones:

1.Notepad++

Features :

2. Sublime Text

Features :

1. Easy to navigate interface
2. Supports Command Palettes
3. Special Developer Tools
4. Package Manager Integrated for Plugins support
5. Customizing UI is easier as compared to other code editors

3.Atom

Features :

Cross-platform editing

Atom works across operating systems. Use it on OS X, Windows, or Linux.

Smart autocompletion

Atom helps you write code faster with a smart and flexible autocomplete.

Multiple panes

Split your Atom interface into multiple panes to compare and edit code across files.

Built-in package manager

Search for and install new packages or create your own right from Atom.

File system browser

Easily browse and open a single file, a whole project, or multiple projects in one window.

Find and replace

Find, preview, and replace text as you type in a file or across all your projects.

And there are many more:

4. Coda

5.TextMate

6.Text Wrangler

7. jEdit

8.Araneae

9.UltraEdit

10.CoffeeCup

Etc…

There are all more ore lass the same with slight differences. But at the end of the day the best software solution for You is the one you know best and are the most efficient in it.

Now getting beck to VS Code, the naked Brut version of VS Code for HTML and CSS is not that helpful. That is why there are a lot of Extensions that help with your productivity.

Just follow the link, install VS Code and on the left click on the Extensions tab to see all the extensions available. You can then search for the once you need in the search bar at the top left.

Extensions

Some of the most popular extensions for HTML and CSS are:

* Live Server

  • A Quick Development Live Server with live browser reload.

Live Sass Compiler

  • Live SASS & SCSS Compile.

* Auto Rename Tag

  • Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

Bracket Pair Colorizer

  • This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.

Code Spell Checker

  • A basic spell checker that works well with camelCase code.

HTML CSS Support

  • Class attribute completion.
  • Prettier
  • CSS Peek
Blogs This blog is dedicated to all who wish to take care of their body and mind in order to become more productive in their lives. Personal Development

Finde out More!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: