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

10
init.vim
View File

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