dots
/
nvim
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'master' of ssh://git.rayelliott.dev:3222/dots/nvim

This commit is contained in:
Ray Elliott 2020-04-26 11:53:06 +00:00
parent f089c566c2 eca9369e92
commit b2850f957d
4 changed files with 114 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
UltiSnips/javascript.snippets
View File

@ -4,35 +4,31 @@ endsnippet
snippet if "if ( ... ) { ... }"
if ($1) {
$0
$0
}
endsnippet
snippet cl; "console.log( ... );"
console.log($0);
endsnippet
snippet cl "console.log( ... )"
console.log($0)
console.log($0);
endsnippet
snippet if "if ( ... ) { ... }"
if ($1) {
$0
$0
}
endsnippet
snippet ifelse "if ( ... ) { ... } else { ... }"
if ($1) {
$2
$2
} else {
$0
$0
}
endsnippet
snippet for "for ( ... ) { ... }"
for (let ${1:index} = ${2:0}; $1 $3; $1${4:++}) {
$0
$0
}
endsnippet
@ -42,36 +38,74 @@ setTimeout(() => {$0
endsnippet
snippet jsx "import React ..."
import React from "react"
import React from "react";
class $1 extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
render() {
return (
<${2:div} className={this.props.className}>
$0
</$2>
);
}
}
export default () => (
<${1:div}>$0</$1>
)
<S.$1}></S.$1>
);
endsnippet
snippet jsxs "import React ... (styled)"
import React from "react"
import styled from "styled-components"
snippet jsxs "import React ... styled"
import React from "react";
import styled from "styled-components";
const $1 = styled.${2:div}\`
$3
\`
const S = {};
class $1 extends React.Component {
constructor(props) {
super(props);
this.state = {
}
}
render() {
return (
<${2:div} className={this.props.className}>
$0
</$2>
);
}
}
S.$1 = styled($1)\`
\`;
export default () => (
<$1>$0</$1>
)
<S.$1}></S.$1>
);
endsnippet
snippet xc "class ..."
class $1 extends React.component {
constructor(props) {
super(props)
this.setState({$0})
}
snippet jsc "class ... extends React.Component"
class $1 extends React.Component \{
${2: constructor(props) \{
super(props);
this.state = \{
\}
\}}
render() {
return (
)
}
render() \{
return (
<${3:div}${4: className=\{this.props.className\}}>
$0
</$3>
);
}
}
endsnippet

10
init.vim
View File

@ -435,17 +435,13 @@ iabbrev ct'' content-type: '';
"----------------------------------------------------------------------------}}}
" #autocommands {{{
" center on insert {{{
augroup CenterInsert
autocmd!
autocmd InsertEnter * norm zt
augroup END
" }}}
" template files {{{
augroup templates
autocmd!
autocmd BufNewFile *.sh 0read ~/.config/nvim/templates/template.sh | normal G
autocmd BufNewFile *.html 0read ~/.config/nvim/templates/template.html | normal gg
autocmd BufNewFile *.css 0read ~/.config/nvim/templates/template.css | normal G
autocmd BufNewFile *.scss 0read ~/.config/nvim/templates/template.css | normal G
augroup END
" }}}

15
templates/template.css Normal file
View File

@ -0,0 +1,15 @@
html,
body {
padding: 0;
margin: 0;
}
body {
font-size: 100%;
box-sizing: border-box;
background-color: pink;
}
* {
box-sizing: inherit;
}

31
templates/template.html Normal file
View File

@ -0,0 +1,31 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>THE TITLE IS THIS!</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="THE DESCRIPTION IS THIS!">
<meta name="author" content="I AM THE AUTHOR">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
</header>
<main>
</main>
<footer>
</footer>
<script src="js/script.js"></script>
</body>
</html>