Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/victoriadrake/vsc-starter-snippets
- Owner: victoriadrake
- License: mpl-2.0
- Created: 2020-11-21T20:17:01.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-08-24T10:53:26.000Z (over 3 years ago)
- Last Synced: 2024-12-28T06:25:20.593Z (about 2 months ago)
- Topics: css, html, snippets, static-site, visual-studio-code, vscode
- Homepage:
- Size: 9.77 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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).