Pierre Bertet bpierre

## README.md

      
              1 file
            
          
              12 forks
            
          
              10 comments
            
          
              190 stars
            
          
                bpierre
                / README.md
            
            
              Last active
              February 15, 2024 18:40
            
              
                Switch To Vim For Good
              
          
    Switch To Vim For Good

NOTE: This guide has moved to https://github.com/bpierre/switch-to-vim-for-good
This guide is coming from an email I used to send to newcomers to Vim. It is not intended to be a complete guide, it is about how I switched myself.
My decision to switch to Vim has been made a long time ago. Coming from TextMate 1, I wanted to learn an editor that is Open Source (so I don’t lose my time learning a tool that can be killed), cross platform (so I can use it everywhere), and powerful enough (so I won’t regret TextMate). For these reasons, Vim has always been the editor I wanted to learn, but it took me several years before I did it in a way that works for me. I tried to switch progressively, using the Janus Vim distribution for a few months, then got back to using TextMate 2 for a time, waiting for the next attempt… here is what finally worked for me.
Original gist with comments: https://gist.github.com/bpierre/0a0025d348b6001394e0

  
## emotion-plugin-css-unit.js
import { CacheProvider } from "@emotion/react"
import createCache from "@emotion/cache"

function cssUnitPlugin(unitInPx = 8, unit = "gu") {
  const re = new RegExp("([0-9]+)" + unit, "g")
  const convert = (value) => value.replace(re, replacer)
  const replacer = (_, value) => `${value * unitInPx}px`

  return (element) => {
    if (element.type === "decl" && element.value.includes(unit)) {

## anchor-select.js
(function(window) {

  function getSelector(hash) {
    var matches;
    hash = hash.slice(1);
    matches = hash.match(/^anchor-select\((.+)\)$/);
    if (matches) {
      return decodeURIComponent(matches[1]);
    }
    return false;

## Makefile
# JS files
JS_FINAL = js/project-name-all.js

JS_TARGETS = js/file1.js \
             js/file2.js \
             js/file3.js

# CSS files
CSS_FINAL = css/project-name-all.css
STYLUS_TARGETS = css/file1.styl \

## gist:4991393
not ok test/markdown-testsuite.t.js .................. 51/102
    Command: "node" "markdown-testsuite.t.js"
    TAP version 13
    ok 1 2-paragraphs-hard-return-spaces
    ok 2 2-paragraphs-hard-return
    ok 3 2-paragraphs-line-returns
    ok 4 2-paragraphs-line-spaces
    ok 5 2-paragraphs-line-tab
    ok 6 ampersand-text-flow
    ok 7 ampersand-uri

## sfrbox-host.sh
#!/bin/sh

die () {
  echo >&2 "$@"
  exit 1
}

[ "$#" -eq 2 ] || die "2 arguments required (IP and Domain), $# provided"

LOGIN="admin"

## kib.js
/*jshint browser:true */
(function(name, definition) {
  if (typeof define == 'function') {
    define(definition);
  } else if (typeof module != 'undefined') {
    module.exports = definition();
  } else {
    this[name] = definition();
  }
})('kib', function(){

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>SUPER #7</title>
	<style>
		html { display: table; width: 100%; height: 100%; background: #000; }
		body { display: table-cell; vertical-align:middle; text-align:center; margin: 0; }
		canvas { margin: 0; }
		h1 { color: #fff; margin: 0 0 10px; font:24px sans-serif; }

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Clock demo</title>
  <style>
    svg {
      display: block;
      position: absolute;
      left: 50%;

## eternal-ff.txt
@BKcore
@codylindley
@KerbalSpaceP
@GilbertWehrle
@dlctbl
@FREE_FACTS
@tabatkins
@marijnjh
@rocket2guns
@stripe
	import { CacheProvider } from "@emotion/react"
	import createCache from "@emotion/cache"

	function cssUnitPlugin(unitInPx = 8, unit = "gu") {
	const re = new RegExp("([0-9]+)" + unit, "g")
	const convert = (value) => value.replace(re, replacer)
	const replacer = (_, value) => `${value * unitInPx}px`

	return (element) => {
	if (element.type === "decl" && element.value.includes(unit)) {
	(function(window) {

	function getSelector(hash) {
	var matches;
	hash = hash.slice(1);
	matches = hash.match(/^anchor-select\((.+)\)$/);
	if (matches) {
	return decodeURIComponent(matches[1]);
	}
	return false;
	# JS files
	JS_FINAL = js/project-name-all.js

	JS_TARGETS = js/file1.js \
	js/file2.js \
	js/file3.js

	# CSS files
	CSS_FINAL = css/project-name-all.css
	STYLUS_TARGETS = css/file1.styl \
	not ok test/markdown-testsuite.t.js .................. 51/102
	Command: "node" "markdown-testsuite.t.js"
	TAP version 13
	ok 1 2-paragraphs-hard-return-spaces
	ok 2 2-paragraphs-hard-return
	ok 3 2-paragraphs-line-returns
	ok 4 2-paragraphs-line-spaces
	ok 5 2-paragraphs-line-tab
	ok 6 ampersand-text-flow
	ok 7 ampersand-uri
	#!/bin/sh

	die () {
	echo >&2 "$@"
	exit 1
	}

	[ "$#" -eq 2 ] \|\| die "2 arguments required (IP and Domain), $# provided"

	LOGIN="admin"
	/jshint browser:true /
	(function(name, definition) {
	if (typeof define == 'function') {
	define(definition);
	} else if (typeof module != 'undefined') {
	module.exports = definition();
	} else {
	this[name] = definition();
	}
	})('kib', function(){
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>SUPER #7</title>
	<style>
	html { display: table; width: 100%; height: 100%; background: #000; }
	body { display: table-cell; vertical-align:middle; text-align:center; margin: 0; }
	canvas { margin: 0; }
	h1 { color: #fff; margin: 0 0 10px; font:24px sans-serif; }
	@BKcore
	@codylindley
	@KerbalSpaceP
	@GilbertWehrle
	@dlctbl
	@FREE_FACTS
	@tabatkins
	@marijnjh
	@rocket2guns
	@stripe