WeatherWidget.io provides an easy, interactive interface which you can use to build and customize a weather widget for any website. Following you can find a description for all available fields of this interface. Automatically insert boilerplate or template-style code. The first and probably most frequent use of.
Create
snippets.json
file in extensions folder to add or override snippets. The structure of this file is the same as the original one: on the top level you define syntax name your snippets belong to, and the second level has the following section:abbreviations
orsnippets
contains snippets definitions of different types.filters
contains a comma-separated list of filters applied by default for current syntax. If this property is not defined,html
filter is used.extends
: syntax name from which current syntax should inherit snippets definitions. For example,sass
syntax is inherited fromcss
one, but you can create your own or override some SASS-specific snippets for this syntax definition.
When loaded, users’
snippets.json
in recursively merged with the original one, adding or updating abbreviations and snippets. Mindnode pro 1 11 4 download free.Text snippets
In
snippets
section of syntax definition, you create plain text snippets, pretty like the same as your editor ones. You can also use tabstops inside snippets to traverse between them with Tab key when abbreviation is expanded (if your editor supports them). Emmet borrows tabstop format from TextMate editor:$1
or${1}
${1:hello world}
— tabstop with placeholder
Note that
${0}
or $0
tabstop has a special meaning in some editors like TextMate or Eclipse and is used as a final caret position after leaving “tabstops mode” so you’d better use tabstops staring from 1.Variables
You can use variables in snippets to output predefined data. For example, the
html:5
snippet of HTML syntax has the following definition:In the example above,
${lang}
is used to refer lang
variable defined in variables
section of snippets.json
. If your primary language is, for example, Russian, you can simply override lang
variable with ru
value and keep the original snippets.Also, you can override variable values with inline abbreviation attributes:
html:5[lang=ru]
. Together with ID and CLASS attributes shorthands--#
and .
—you can easily override variables right in abbreviation:Example usage:
for#array.i
.Predefined variables
Snippets have some predefined variable names that have special meaning to Emmet:
${cursor}
or|
are synonyms to$0
and used as caret position in generated output.${child}
refers to a position where child abbreviations and snippets should be outputted. If not defined, children will be outputted at the end of snippet content.
Escaping |
and $
characters
The
$
character is used for tabstops and variables, the |
character it used to indicate caret position when snippet is expanded. If you want to output these characters as-is, you should use double backslash to escape them: $
or |
Sharing snippets
If you want to share your snippets with other users, you should put them into a file which name starts with
snippets
, for example: snippets-foo.json
, snippets_bar.json
, snippetsBaz.json
. Emmet will load them on start and merge into a single snippets set. Notice that snippets defined in
Please enable JavaScript to view the comments powered by Disqus.comments powered by Disqussnippets.json
file has higher priority over ones defined in snippets*.json
.About this project
SnippetStore is an application for developers to store their snippets and quickly retrieve them when needed. SnippetStore mainly focus on storing code therefor its interface is small and simple, perfect for busy developers who doesn't care about small details.
Donate
There are many requests for macOS support and I'm sure many of you guys who are mac users will wantSnippetStore to be available in homebrew and able to run on macOS too. But in order to do that, I need help from you guys to afford a mac to test & build this project and many more other projects in the future. It would be a huge help if you can buy me a coffee ?
SnippetStore is also available on issuehunt
A massive thank you to these donators
Trevor Robertson |
---|
Download
Adnx xscan v3 2 13 download free. Currently SnippetStore only available for linux and windows.
If you're using MacOS, you can also build a version for you OS too (not guarantee it will work!)
You can get the latest release of SnippetStore here
Theme
SnippetStore currently support 2 themes dark and light
Light theme | Dark theme |
---|
Tag support
With SnippetStore you can assign multiple tags to your snippet and easy find them using the tag list on the right bar
Visual Studio Add Code Snippet
Multi file snippet
Not satisfied with a single file snippet? With SnippetStore you can now store multiple files within a snippet
Snippet list layout
SnippetStore currently support 2 snippet list layout:
Original | List and details |
---|
Internalization
Save Code Snippets
SnippetStore currently support 2 languages:
Snippetmedia Ios
- English
- Vietnamese
Shortcut
Action | Key |
---|---|
Open create snippet modal | ctrl + n |
Open setting modal | ctrl + , |
Toggle small sidebar mode | ctrl + b |
Close all modal | esc |
Save snippet | ctrl + s |
Discard snippet changes | esc |
Navigate in snippet list | ctrl + pageup, ctrl + pagedown |
Tech Stack
- Framework: Electron
- Bundler: Webpack, Babel, Electron-builder
- Language: JavaScript(ES6), Sass
- Library: React, MobX, Mousetrap, react-toastify, react-tooltip, CodeMirror
- Lint: ESLint
- Test: Jest
Contributing
Check out contributing.md
Author & Maintainer
- Hung Nguyen (twitter)