Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/victoriadrake/vsc-starter-snippets

Visual Studio Code snippets to help you start projects faster.
https://github.com/victoriadrake/vsc-starter-snippets

css html snippets static-site visual-studio-code vscode

Last synced: 1 day ago
JSON representation

Visual Studio Code snippets to help you start projects faster.

Awesome Lists containing this project

README

        

# Visual Studio Code Starter Snippets ✂

VSC snippets that help you start projects faster. Add these files to your User Snippets to level up your productivity.

Find snippets under **File** > **Preferences** > **User Snippets** (**Code** > **Preferences** on macOS).

Or in terminal for *nix:

```shell
git clone https://github.com/victoriadrake/vsc-starter-snippets.git

# Copy to your VSC installation, usually:
cp vsc-starter-snippets/*.json /home//.config/Code/User/snippets
```

If command line installation doesn't work, you can [create a New Global Snippets file](https://code.visualstudio.com/docs/editor/userdefinedsnippets#_create-your-own-snippets) in VSC and copy and paste the contents of a file from this repository.

## What's in the Box

### Starter HTML Kit

A foundational HTML page. Typing `doctype` or `!DOCTYPE` inserts the HTML Starter Kit. This has ``, metadata, ``, ``, ``, ``, and `` elements. Tabbing helps you use multicursor to fill in the page title, description, and other customizations.

### Starter CSS Kit

A starter CSS file. Typing `startcss` or `cssme` inserts the CSS Starter Kit. This includes dark and light color schemes, responsive scaling, and companion styles for the HTML Starter Kit.

## Contributing

New snippet additions are welcome! This project is primarily for substantial snippets that save time when starting up a new project.

See [how to create your own snippets](https://code.visualstudio.com/docs/editor/userdefinedsnippets#_create-your-own-snippets).