Snippets, keymappings, fd and others
Steffen Rademacker
2 years ago
parent
c223fccbc8
commit
626a1b0a24
@ -1,32 +0,0 @@
|
||||
// Installed extensions are:
|
||||
////////////////////////////
|
||||
// coc-calc
|
||||
// coc-snippets
|
||||
{
|
||||
// linters config
|
||||
"suggest.minTriggerInputLength": 3,
|
||||
"suggest.noselect": false,
|
||||
"suggest.enablePreselect": true,
|
||||
"suggest.maxCompleteItemCount": 20,
|
||||
"snippets.snipmate.enable": false,
|
||||
"snippets.ultisnips.directories": [
|
||||
"~/.config/nvim/snippets"
|
||||
],
|
||||
"snippets.extends": {
|
||||
"php": [
|
||||
"html"
|
||||
],
|
||||
"scss": [
|
||||
"css"
|
||||
],
|
||||
"javascriptreact": [
|
||||
"javascript"
|
||||
],
|
||||
"typescript": [
|
||||
"javascript"
|
||||
],
|
||||
"typescriptreact": [
|
||||
"javascript"
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -1,403 +0,0 @@
|
||||
snippet in
|
||||
@include ${0:mixin};
|
||||
endsnippet
|
||||
|
||||
snippet inc
|
||||
@include ${1:mixin}(${2:parameters});
|
||||
endsnippet
|
||||
|
||||
snippet incc
|
||||
@include ${1:mixin}(${2:parameters}) {
|
||||
${3:@content}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet mix
|
||||
@mixin ${1:mixin}(${2:parameters}) {
|
||||
${3}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet fun
|
||||
@function ${1:function}(${2:parameters}) {
|
||||
${3}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet fe
|
||||
@each $${1:item} in $${2:variable} {
|
||||
${3}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet mq
|
||||
@include mediaquery(${1:s}) {
|
||||
${2}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet att
|
||||
@include attention {
|
||||
${0}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet rad
|
||||
border-radius: ${0:$base-unit};
|
||||
endsnippet
|
||||
|
||||
snippet bsh
|
||||
box-shadow: 0 0 ${0:$base-unit} 0 color(${2:shadow});
|
||||
endsnippet
|
||||
|
||||
snippet tsh
|
||||
text-shadow: 0 0 ${1:$base-unit / 4} color(${2:default});
|
||||
endsnippet
|
||||
|
||||
snippet trf
|
||||
transform: translateX(${1:-50%});
|
||||
endsnippet
|
||||
|
||||
snippet grd
|
||||
background-image: linear-gradient(to bottom, color(${1:one}), color(${2:two}));
|
||||
endsnippet
|
||||
|
||||
snippet bgc
|
||||
@include background-color(${0:background});
|
||||
endsnippet
|
||||
|
||||
snippet bgi
|
||||
background-image: url('../img/${0:bg.png}');
|
||||
endsnippet
|
||||
|
||||
snippet bgp
|
||||
background-position: ${1:0} ${2:0};
|
||||
endsnippet
|
||||
|
||||
snippet bgr
|
||||
background-repeat: ${0:repeat/repeat-x/repeat-y/no-repeat};
|
||||
endsnippet
|
||||
|
||||
snippet bg
|
||||
background: color(${1:main}) url('../img/${2:bg.png}') ${3:no-repeat} ${4:scroll/fixed} ${5:top left};
|
||||
endsnippet
|
||||
|
||||
snippet bgs
|
||||
background-size: ${0:cover};
|
||||
endsnippet
|
||||
|
||||
snippet bd
|
||||
border: ${1:1px} ${2:solid} color(${3:main});
|
||||
endsnippet
|
||||
|
||||
snippet bdt
|
||||
border-top: ${1:1px} ${2:solid} color(${3:main});
|
||||
endsnippet
|
||||
|
||||
snippet bdr
|
||||
border-right: ${1:1px} ${2:solid} color(${3:main});
|
||||
endsnippet
|
||||
|
||||
snippet bdb
|
||||
border-bottom: ${1:1px} ${2:solid} color(${3:main});
|
||||
endsnippet
|
||||
|
||||
snippet bdl
|
||||
border-left: ${1:1px} ${2:solid} color(${3:main});
|
||||
endsnippet
|
||||
|
||||
snippet bdc
|
||||
@include border-color(${0:color});
|
||||
endsnippet
|
||||
|
||||
snippet ol
|
||||
outline: ${0:0};
|
||||
endsnippet
|
||||
|
||||
snippet ps
|
||||
@include ${1:absolute}(${2});
|
||||
endsnippet
|
||||
|
||||
snippet psa
|
||||
position: absolute;
|
||||
endsnippet
|
||||
|
||||
snippet psr
|
||||
position: relative;
|
||||
endsnippet
|
||||
|
||||
snippet pss
|
||||
position: static;
|
||||
endsnippet
|
||||
|
||||
snippet psf
|
||||
position: fixed;
|
||||
endsnippet
|
||||
|
||||
snippet t
|
||||
top: ${0};
|
||||
endsnippet
|
||||
|
||||
snippet r
|
||||
right: ${0};
|
||||
endsnippet
|
||||
|
||||
snippet b
|
||||
bottom: ${0};
|
||||
endsnippet
|
||||
|
||||
snippet l
|
||||
left: ${0};
|
||||
endsnippet
|
||||
|
||||
snippet w
|
||||
width: ${0};
|
||||
endsnippet
|
||||
|
||||
snippet h
|
||||
height: ${0};
|
||||
endsnippet
|
||||
|
||||
snippet db
|
||||
display: block;
|
||||
endsnippet
|
||||
|
||||
snippet dn
|
||||
display: none;
|
||||
endsnippet
|
||||
|
||||
snippet di
|
||||
display: inline;
|
||||
endsnippet
|
||||
|
||||
snippet df
|
||||
display: flex;
|
||||
endsnippet
|
||||
|
||||
snippet dt
|
||||
display: table;
|
||||
endsnippet
|
||||
|
||||
snippet dtc
|
||||
display: table-cell;
|
||||
endsnippet
|
||||
|
||||
snippet dib
|
||||
display: inline-block;
|
||||
endsnippet
|
||||
|
||||
snippet c
|
||||
@include color(${0:default});
|
||||
endsnippet
|
||||
|
||||
snippet rgba
|
||||
rgba(color(${1:main}), ${2:0.5});
|
||||
endsnippet
|
||||
|
||||
snippet clb
|
||||
clear: both;
|
||||
endsnippet
|
||||
|
||||
snippet cll
|
||||
clear: left;
|
||||
endsnippet
|
||||
|
||||
snippet clr
|
||||
clear: right;
|
||||
endsnippet
|
||||
|
||||
snippet fll
|
||||
float: left;
|
||||
endsnippet
|
||||
|
||||
snippet flr
|
||||
float: right;
|
||||
endsnippet
|
||||
|
||||
snippet fln
|
||||
float: none;
|
||||
endsnippet
|
||||
|
||||
snippet ovh
|
||||
overflow: hidden;
|
||||
endsnippet
|
||||
|
||||
snippet ovv
|
||||
overflow: visible;
|
||||
endsnippet
|
||||
|
||||
snippet ova
|
||||
overflow: auto;
|
||||
endsnippet
|
||||
|
||||
snippet ovs
|
||||
overflow: scroll;
|
||||
endsnippet
|
||||
|
||||
snippet crp
|
||||
cursor: pointer;
|
||||
endsnippet
|
||||
|
||||
snippet crd
|
||||
cursor: default;
|
||||
endsnippet
|
||||
|
||||
snippet ff
|
||||
@include font-family(${0:default});
|
||||
endsnippet
|
||||
|
||||
snippet fs
|
||||
@include font-size(${0:h1});
|
||||
endsnippet
|
||||
|
||||
snippet fz
|
||||
@include font-style(${0:default});
|
||||
endsnippet
|
||||
|
||||
snippet fw
|
||||
@include font-weight(${0:default});
|
||||
endsnippet
|
||||
|
||||
snippet font
|
||||
@include font(${0:default});
|
||||
endsnippet
|
||||
|
||||
snippet lsp
|
||||
letter-spacing: ${0:0.01em};
|
||||
endsnippet
|
||||
|
||||
snippet lh
|
||||
line-height: ${0:$font-line-height};
|
||||
endsnippet
|
||||
|
||||
snippet tac
|
||||
text-align: center;
|
||||
endsnippet
|
||||
|
||||
snippet tal
|
||||
text-align: left;
|
||||
endsnippet
|
||||
|
||||
snippet tar
|
||||
text-align: right;
|
||||
endsnippet
|
||||
|
||||
snippet tdu
|
||||
text-decoration: underline;
|
||||
endsnippet
|
||||
|
||||
snippet tdn
|
||||
text-decoration: none;
|
||||
endsnippet
|
||||
|
||||
snippet ti
|
||||
text-indent: ${0:-9999px};
|
||||
endsnippet
|
||||
|
||||
snippet ttu
|
||||
text-transform: uppercase;
|
||||
endsnippet
|
||||
|
||||
snippet ttl
|
||||
text-transform: lowercase;
|
||||
endsnippet
|
||||
|
||||
snippet ttn
|
||||
text-transform: none;
|
||||
endsnippet
|
||||
|
||||
snippet lsn
|
||||
list-style: none;
|
||||
endsnippet
|
||||
|
||||
snippet lsd
|
||||
list-style: disc;
|
||||
endsnippet
|
||||
|
||||
snippet m
|
||||
@include margin(a ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet mt
|
||||
@include margin(t ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet mr
|
||||
@include margin(r ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet mb
|
||||
@include margin(b ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet ml
|
||||
@include margin(l ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet p
|
||||
@include padding(a ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet pt
|
||||
@include padding(t ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet pr
|
||||
@include padding(r ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet pb
|
||||
@include padding(b ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet pl
|
||||
@include padding(l ${0:1});
|
||||
endsnippet
|
||||
|
||||
snippet mah
|
||||
max-height: ${0:100%};
|
||||
endsnippet
|
||||
|
||||
snippet maw
|
||||
max-width: ${0:100%};
|
||||
endsnippet
|
||||
|
||||
snippet mih
|
||||
min-height: ${0:100%};
|
||||
endsnippet
|
||||
|
||||
snippet miw
|
||||
min-width: ${0:100%};
|
||||
endsnippet
|
||||
|
||||
snippet !
|
||||
!important;${0}
|
||||
endsnippet
|
||||
|
||||
snippet vat
|
||||
vertical-align: top;
|
||||
endsnippet
|
||||
|
||||
snippet vam
|
||||
vertical-align: middle;
|
||||
endsnippet
|
||||
|
||||
snippet vab
|
||||
vertical-align: bottom;
|
||||
endsnippet
|
||||
|
||||
snippet viv
|
||||
visibility: visible;
|
||||
endsnippet
|
||||
|
||||
snippet vih
|
||||
visibility: hidden;
|
||||
endsnippet
|
||||
|
||||
snippet wsp
|
||||
white-space: nowrap;
|
||||
endsnippet
|
||||
|
||||
snippet z
|
||||
@include z-index(${0:feet});
|
||||
endsnippet
|
||||
@ -1,294 +0,0 @@
|
||||
snippet doc
|
||||
<!doctype html>
|
||||
endsnippet
|
||||
|
||||
snippet //
|
||||
<!-- ${0:your comment here} -->
|
||||
endsnippet
|
||||
|
||||
snippet body
|
||||
<body class="${1:bodyclass}">
|
||||
${2}
|
||||
</body>
|
||||
endsnippet
|
||||
|
||||
snippet title
|
||||
<title>${0:PageTitle}</title>
|
||||
endsnippet
|
||||
|
||||
snippet html
|
||||
<html class="no-js" lang="de">
|
||||
${0}
|
||||
</html>
|
||||
endsnippet
|
||||
|
||||
snippet head
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>${1:PageTitle}</title>
|
||||
<meta name="description" content="${2:metadesc}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
${3}
|
||||
</head>
|
||||
endsnippet
|
||||
|
||||
snippet link
|
||||
<link rel="${1:stylesheet}" href="${2:main.css}" />
|
||||
endsnippet
|
||||
|
||||
snippet meta
|
||||
<meta name="${1:name}" content="${2:content}" />
|
||||
endsnippet
|
||||
|
||||
snippet scrs
|
||||
<script src="${0}"></script>
|
||||
endsnippet
|
||||
|
||||
snippet scr
|
||||
<script>
|
||||
${0}
|
||||
</script>
|
||||
endsnippet
|
||||
|
||||
snippet style
|
||||
<style>
|
||||
${0}
|
||||
</style>
|
||||
endsnippet
|
||||
|
||||
snippet label
|
||||
<label for="${1:inputid}">${2}</label>
|
||||
<input type="${3:text}" class="${3:class}" name="$1" value="" id="$1" />
|
||||
endsnippet
|
||||
|
||||
snippet input
|
||||
<input type="${1:text}" class="${2:class}" name="${3:name}" value="" />
|
||||
endsnippet
|
||||
|
||||
snippet select
|
||||
<select name="$1" id="${1:id}">
|
||||
<option value=""></option>
|
||||
<option value="${2:value}"}>${3:Text}</option>
|
||||
</select>
|
||||
endsnippet
|
||||
|
||||
snippet opt
|
||||
<option value="${1:value}"}>${2}</option>
|
||||
endsnippet
|
||||
|
||||
snippet textarea
|
||||
<textarea name="${1:name}" rows="${2:8}" cols="${3:40}">${4}</textarea>
|
||||
endsnippet
|
||||
|
||||
snippet btn
|
||||
<button type="button" class="${2:button}">
|
||||
<span class="button__label">${3:text}</span>
|
||||
</button>
|
||||
endsnippet
|
||||
|
||||
snippet fieldset
|
||||
<fieldset class="${1:class}"}>
|
||||
<legend>${2:legend}</legend>
|
||||
${3}
|
||||
</fieldset>
|
||||
endsnippet
|
||||
|
||||
snippet form
|
||||
<form action="${1:./}" method="${2:get/post}" accept-charset="utf-8">
|
||||
${3}
|
||||
</form>
|
||||
endsnippet
|
||||
|
||||
snippet h1
|
||||
<h1>${0}</h1>
|
||||
endsnippet
|
||||
|
||||
snippet h2
|
||||
<h2>${0}</h2>
|
||||
endsnippet
|
||||
|
||||
snippet h3
|
||||
<h3>${0}</h3>
|
||||
endsnippet
|
||||
|
||||
snippet h4
|
||||
<h4>${0}</h4>
|
||||
endsnippet
|
||||
|
||||
snippet h5
|
||||
<h5>${0}</h5>
|
||||
endsnippet
|
||||
|
||||
snippet h6
|
||||
<h6>${0}</h6>
|
||||
endsnippet
|
||||
|
||||
snippet t
|
||||
<${1:div}${2: class="class"}>
|
||||
${3}
|
||||
</$1>
|
||||
endsnippet
|
||||
|
||||
snippet div
|
||||
<div class="${1:class}">
|
||||
${2}
|
||||
</div>
|
||||
endsnippet
|
||||
|
||||
snippet header
|
||||
<header class="${1:header}">
|
||||
${2}
|
||||
</header>
|
||||
endsnippet
|
||||
|
||||
snippet section
|
||||
<section class="${1:content}">
|
||||
${2}
|
||||
</section>
|
||||
endsnippet
|
||||
|
||||
snippet article
|
||||
<article class="${1:article}">
|
||||
${2}
|
||||
</article>
|
||||
endsnippet
|
||||
|
||||
snippet footer
|
||||
<footer class="${1:footer}">
|
||||
${2}
|
||||
</footer>
|
||||
endsnippet
|
||||
|
||||
snippet main
|
||||
<main class="${1:main}">
|
||||
${2}
|
||||
</main>
|
||||
endsnippet
|
||||
|
||||
snippet aside
|
||||
<aside class="${1:sidebar}">
|
||||
${2}
|
||||
</aside>
|
||||
endsnippet
|
||||
|
||||
snippet nav
|
||||
<nav class="${1:nav}">
|
||||
${2}
|
||||
</nav>
|
||||
endsnippet
|
||||
|
||||
snippet mail
|
||||
<a href="mailto:${1:joe@example.com}${2:?subject=feedback}">${3:email me}</a>
|
||||
endsnippet
|
||||
|
||||
snippet a
|
||||
<a href="${1:/someurl}" class="${2:class}">${3:text}</a>
|
||||
endsnippet
|
||||
|
||||
snippet p
|
||||
<p>${0}</p>
|
||||
endsnippet
|
||||
|
||||
snippet em
|
||||
<em>${0}</em>
|
||||
endsnippet
|
||||
|
||||
snippet str
|
||||
<strong>${0}</strong>
|
||||
endsnippet
|
||||
|
||||
snippet pre
|
||||
<pre>${0}</pre>
|
||||
endsnippet
|
||||
|
||||
snippet span
|
||||
<span class="${1:class}">${2}</span>
|
||||
endsnippet
|
||||
|
||||
snippet br
|
||||
<br />
|
||||
endsnippet
|
||||
|
||||
snippet li
|
||||
<li>${0}</li>
|
||||
endsnippet
|
||||
|
||||
snippet ul
|
||||
<ul class="${1:class}">
|
||||
<li class="$1__item">${12</li>
|
||||
</ul>
|
||||
endsnippet
|
||||
|
||||
snippet ol
|
||||
<ol class="${1:class}">
|
||||
<li class="$1__item">${2}</li>
|
||||
</ol>
|
||||
endsnippet
|
||||
|
||||
snippet figure
|
||||
<figure class="${1:class}">
|
||||
<img src="${2:image.jpg}" alt="${3}" class="$1__image" />
|
||||
<figcaption class="$1__caption">${4}</figcaption>
|
||||
</figure>
|
||||
endsnippet
|
||||
|
||||
snippet bq
|
||||
<blockquote>${1:quote}</blockquote>
|
||||
endsnippet
|
||||
|
||||
snippet table
|
||||
<table class="${1:class}">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>${2:title}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>${3:content}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
endsnippet
|
||||
|
||||
snippet td
|
||||
<td>${0}</td>
|
||||
endsnippet
|
||||
|
||||
snippet tr
|
||||
<tr>
|
||||
${0}
|
||||
</tr>
|
||||
endsnippet
|
||||
|
||||
snippet init
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>${1:PageTitle}</title>
|
||||
<link href="${2:/assets/styles/main.css}" rel="stylesheet" />
|
||||
<meta name="description" content="${2:metadesc}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="header">
|
||||
${3}
|
||||
</header>
|
||||
<main class="main" role="main">
|
||||
${4}
|
||||
</main>
|
||||
<footer class="footer">
|
||||
${5}
|
||||
</footer>
|
||||
<script src="/assets/scripts/${6:script.js}"></script>
|
||||
</body>
|
||||
</html>
|
||||
endsnippet
|
||||
|
||||
snippet video
|
||||
<video width="${1:1280}" height="${2:720}" poster="${3:filename}.jpg" controls>
|
||||
<source type="video/mp4" src="$3.mp4" />
|
||||
<source type="video/webm" src="$3.webm" />
|
||||
</video>
|
||||
endsnippet
|
||||
@ -1,78 +0,0 @@
|
||||
snippet c
|
||||
const ${1:sth} = ${2:value};
|
||||
endsnippet
|
||||
|
||||
snippet l
|
||||
let ${1:sth} = ${2:value};
|
||||
endsnippet
|
||||
|
||||
snippet for
|
||||
for (let ${1:i} = 0; $1 <= ${2:var}; $1 += 1) {
|
||||
${3}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet fun
|
||||
const ${1:functionname} = (${2:argument}) => {
|
||||
${3}
|
||||
};
|
||||
endsnippet
|
||||
|
||||
snippet =>
|
||||
(${1}) => {
|
||||
${2}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet mod
|
||||
export default (${0:args}) => {
|
||||
${1}
|
||||
};
|
||||
endsnippet
|
||||
|
||||
snippet im
|
||||
import ${1:module} from '${2:modulename}';
|
||||
endsnippet
|
||||
|
||||
snippet ife
|
||||
if (${1:condition}) {
|
||||
${2}
|
||||
} else {
|
||||
${3}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet if
|
||||
if (${1:condition}) {
|
||||
${2}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet switch
|
||||
switch (${1:expression}) {
|
||||
case '${2:case}':
|
||||
${3}
|
||||
break;
|
||||
default:
|
||||
${4}
|
||||
break;
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet case
|
||||
case '${1:case}':
|
||||
${2}
|
||||
break;
|
||||
endsnippet
|
||||
|
||||
snippet cl "console.log()"
|
||||
console.log(${0:data});
|
||||
endsnippet
|
||||
|
||||
snippet bug "console.log()"
|
||||
console.log(${0:data});
|
||||
endsnippet
|
||||
|
||||
snippet ct
|
||||
console.table(${0:data});
|
||||
endsnippet
|
||||
@ -1,19 +0,0 @@
|
||||
snippet s
|
||||
"${1:key}": "${2:value}",
|
||||
endsnippet
|
||||
|
||||
snippet n
|
||||
"${1:key}": ${2:value},
|
||||
endsnippet
|
||||
|
||||
snippet a
|
||||
[
|
||||
${0}
|
||||
],
|
||||
endsnippet
|
||||
|
||||
snippet o
|
||||
{
|
||||
${0}
|
||||
},
|
||||
endsnippet
|
||||
@ -1,22 +0,0 @@
|
||||
snippet s
|
||||
# ${1:Section Name}
|
||||
${2}
|
||||
endsnippet
|
||||
|
||||
snippet ss "Sub Section" b
|
||||
## ${1:Section Name}
|
||||
${2}
|
||||
endsnippet
|
||||
|
||||
snippet sss
|
||||
### ${1:Section Name}
|
||||
${2}
|
||||
endsnippet
|
||||
|
||||
snippet link
|
||||
[${1:text}](${2:http://url.com})
|
||||
endsnippet
|
||||
|
||||
snippet img
|
||||
|
||||
endsnippet
|
||||
@ -1,160 +0,0 @@
|
||||
snippet arr
|
||||
$${1:array} = ['${2}' => ${3}];
|
||||
endsnippet
|
||||
|
||||
snippet if
|
||||
if (${1:condition}) {
|
||||
${2}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet if2
|
||||
<?php if (${1:condition}): ?>
|
||||
${2}
|
||||
<?php endif ?>
|
||||
endsnippet
|
||||
|
||||
snippet ife
|
||||
if (${1:condition}) {
|
||||
${2}
|
||||
} else {
|
||||
${3}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet ife2
|
||||
<?php if (${1:condition}): ?>
|
||||
${2}
|
||||
<?php else: ?>
|
||||
${3}
|
||||
<?php endif ?>
|
||||
endsnippet
|
||||
|
||||
snippet else
|
||||
else {
|
||||
${0}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet else2
|
||||
<?php else: ?>
|
||||
endsnippet
|
||||
|
||||
snippet for
|
||||
for ($${1:i} = 0; $1 < ${2:$count}; $$1 += 1) {
|
||||
${3}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet for2
|
||||
<?php for ($${1:i} = 0; $1 < ${2:$count}; $$1 += 1): ?>
|
||||
${3}
|
||||
<?php endfor ?>
|
||||
endsnippet
|
||||
|
||||
snippet fek
|
||||
foreach ($${1:variable} as $${2:key} => $${3:value}) {
|
||||
${4}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet fek2
|
||||
<?php foreach ($${1:variable} as $${2:key} => $${3:value}): ?>
|
||||
${4}
|
||||
<?php endforeach ?>
|
||||
endsnippet
|
||||
|
||||
snippet fe
|
||||
foreach ($${1:variable} as $${2:value}) {
|
||||
${3}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet fe2
|
||||
<?php foreach ($${1:variable} as $${2:value}): ?>
|
||||
${3}
|
||||
<?php endforeach ?>
|
||||
endsnippet
|
||||
|
||||
snippet get
|
||||
$_GET['${0}']
|
||||
endsnippet
|
||||
|
||||
snippet post
|
||||
$_POST['${0}']
|
||||
endsnippet
|
||||
|
||||
snippet sess
|
||||
$_SESSION['${0}']
|
||||
endsnippet
|
||||
|
||||
snippet inc
|
||||
include '${0:filename}.php';
|
||||
endsnippet
|
||||
|
||||
snippet req
|
||||
require '${0:filename}.php';
|
||||
endsnippet
|
||||
|
||||
snippet t
|
||||
$${1:var} = (${2:condition}) ? ${3} : ${4};
|
||||
endsnippet
|
||||
|
||||
snippet cl
|
||||
echo '<pre>' . var_dump(${0:var}) . '</pre>';
|
||||
endsnippet
|
||||
|
||||
snippet bug
|
||||
echo '<pre>' . var_dump(${0:var}) . '</pre>';
|
||||
endsnippet
|
||||
|
||||
snippet fun
|
||||
function ${1:name}(${2:$param}) {
|
||||
${3}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet cls
|
||||
class ${1:Class} {
|
||||
public function __construct(${2:$options}) {
|
||||
${3}
|
||||
}
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet ph
|
||||
<?php
|
||||
${0}
|
||||
endsnippet
|
||||
|
||||
snippet phi
|
||||
<?php ${0} ?>
|
||||
endsnippet
|
||||
|
||||
snippet <?
|
||||
<?php
|
||||
${0}
|
||||
?>
|
||||
endsnippet
|
||||
|
||||
snippet ==
|
||||
<?= ${0} ?>
|
||||
endsnippet
|
||||
|
||||
snippet sw
|
||||
switch (${1:expression}) {
|
||||
case '${2:case}':
|
||||
${3}
|
||||
break;
|
||||
default:
|
||||
${4}
|
||||
break;
|
||||
}
|
||||
endsnippet
|
||||
|
||||
snippet case
|
||||
case '${1:case}':
|
||||
${2}
|
||||
break;
|
||||
endsnippet
|
||||
|
||||
@ -0,0 +1,83 @@
|
||||
{
|
||||
"@include": {
|
||||
"prefix": "in",
|
||||
"body": [
|
||||
"@include ${1:mixin}(${2:parameters}) {",
|
||||
"\t${0:@content}",
|
||||
"}"
|
||||
],
|
||||
"description": "@include mixin with parameters (multiline)"
|
||||
},
|
||||
"@function": {
|
||||
"prefix": "fun",
|
||||
"body": [
|
||||
"@function ${1:function}(${2:parameters}) {",
|
||||
"\t${0:@content}",
|
||||
"}"
|
||||
],
|
||||
"description": ""
|
||||
},
|
||||
"@foreach": {
|
||||
"prefix": "fe",
|
||||
"body": [
|
||||
"@each $${1:item} in $${2:variable} {",
|
||||
"\t${0:@content}",
|
||||
"}"
|
||||
],
|
||||
"description": ""
|
||||
},
|
||||
"@mediaquery": {
|
||||
"prefix": "mq",
|
||||
"body": [
|
||||
"@include mediaquery(${1:s}) {",
|
||||
"\t${0:@content}",
|
||||
"}"
|
||||
],
|
||||
"description": ""
|
||||
},
|
||||
"@attention": {
|
||||
"prefix": "att",
|
||||
"body": [
|
||||
"@include attention {",
|
||||
"\t${0:@content}",
|
||||
"}"
|
||||
],
|
||||
"description": "Custom attention-mixin"
|
||||
},
|
||||
"background-gradient": {
|
||||
"prefix": "grd",
|
||||
"body": "background-image: linear-gradient(to bottom, color(${1:one}), color(${0:two}));",
|
||||
"description": "Background image with linear gradient"
|
||||
},
|
||||
"@position": {
|
||||
"prefix": "ps",
|
||||
"body": "@include ${1:absolute}(a ${0:0});",
|
||||
"description": "Custom position-mixins"
|
||||
},
|
||||
"@color": {
|
||||
"prefix": "c",
|
||||
"body": "@include color(${0:default});",
|
||||
"description": "Custom color-mixin"
|
||||
},
|
||||
"@font": {
|
||||
"prefix": "f",
|
||||
"body": "@include font(${0:default});",
|
||||
"description": "Custom font-mixin"
|
||||
},
|
||||
"@margin": {
|
||||
"prefix": "m",
|
||||
"body": "@include margin(a ${0:0});",
|
||||
"description": "Custom margin-mixin"
|
||||
},
|
||||
"@padding": {
|
||||
"prefix": "p",
|
||||
"body": "@include padding(a ${0:0});",
|
||||
"description": "Custom padding-mixin"
|
||||
},
|
||||
"@z-index": {
|
||||
"prefix": "z",
|
||||
"body": "@include z-index(${0:feet});",
|
||||
"description": "Custom z-index mixin"
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,21 @@
|
||||
{
|
||||
"simple-debugging": {
|
||||
"prefix": "bug",
|
||||
"body": "console.log(${0:data});",
|
||||
"description": "Simple debugging with console.log()"
|
||||
},
|
||||
"console-table": {
|
||||
"prefix": "ct",
|
||||
"body": "console.table(${0:data});",
|
||||
"description": "console.table with parameters"
|
||||
},
|
||||
"module-exports": {
|
||||
"prefix": "mod",
|
||||
"body": [
|
||||
"export default () => {",
|
||||
"\t${0:const sth = 0; }",
|
||||
"}"
|
||||
],
|
||||
"description": "Export default anonymous arrow function"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,32 @@
|
||||
{
|
||||
"simple-debugging": {
|
||||
"prefix": ["cl", "bug"],
|
||||
"body": "echo '<pre>' . var_dump(\\$${0:var}) . '</pre>';",
|
||||
"description": "Simple debugging with var_dump()"
|
||||
},
|
||||
"echo-val": {
|
||||
"prefix": "==",
|
||||
"body": "<?= \\$${0:somevar} ?>",
|
||||
"description": "PHP {{ }}-echo placeholder"
|
||||
},
|
||||
"if-else": {
|
||||
"prefix": "if2",
|
||||
"body": [
|
||||
"<?php if (${1:condition}): ?>",
|
||||
"\t${2}",
|
||||
"<?php else: ?>",
|
||||
"\t${0}",
|
||||
"<?php endif ?>"
|
||||
],
|
||||
"description": "<?php if-else construct ?>"
|
||||
},
|
||||
"for-each": {
|
||||
"prefix": "fe2",
|
||||
"body": [
|
||||
"<?php foreach (\\$${1:variable} as \\$${2:key} => \\$${3:value}): ?>",
|
||||
"\t${0}",
|
||||
"<?php endforeach ?>"
|
||||
],
|
||||
"description": "<?php for-each construct ?>"
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue