Category – DevTools
75 posts tagged with "DevTools" (See all categories)

SSetup OCaml With NeoVim

11/10/20191 Min Read — In Vim, DevTools, OCaml

How to use the NeoVim text editor as your Ocaml IDE I've always been interested in learning an ML language . But Haskell, the poster child of functional programming, has a high learning curve. OCaml…

FFriday Picks #24

11/08/20191 Min Read — In Lab, DevTools, GraphQL, Eleventy

Here are some cool links, resources, and articles: Everything CURL - a free book about the utility curl sshuttle – VPN over ssh, a faster alternative - create a VPN tunnel with ssh Introduction…

UUse A Lightweight Alternative to Vimwiki

11/06/20191 Min Read — In Vim, DevTools

As a Vim afficiando, you might use VimWiki as a solution for storing and organizing notes, to-do lists and journal entries. But VimWiki comes with some problems. It offers tons of features, but also…

RRun Macro On Multiple Lines in Vim

11/02/20191 Min Read — In Vim, DevTools

Modern editors like VS Code or Sublime Text can use multiple cursors to edit code on more than one line . Vim doesn't offer this functionality out of the box. But you may not need it. Today I…

FFriday Picks #23

11/01/20191 Min Read — In Lab, Svelte.js, CSS, Clojure, Vim, DevTools

Here are some cool links, resources, and articles: Learn Clojure with Web Dev : a hands-on guide to learning Clojure, a functional language for the JVM Svelte Crash Course (in 10 pics!) : the basics…

UUpdate ca-certificates

10/30/20191 Min Read — In DevTools, Linux

A recent system update to my Manjaro Linux OS broke my SSL setup. The directory called /etc/ssl/certs/certs holds all ssl certificates. If you don't have those, you'll get an error like this one…

MMinimal Vim

10/29/20191 Min Read — In DevTools, Vim, Lab

Yesterday I trimmed down my vimrc - the configuration file for Vim. I admit that I can't live without some plugins. So a "minimal Vim" is probably not possible for me. But if you're interested…

PPersonal Knowledge Base with Vimwiki

10/28/20191 Min Read — In DevTools, Vim, Lab

What is VimWiki? VimWiki is a personal wiki for Vim. Thus, it's ideal for a personal knowledge base . With VimWiki you can: Organize notes and ideas Manage to-do lists Write documentation Maintain a…

FFriday Picks #22

10/25/20191 Min Read — In JavaScript, Node.js, TypeScript, Python, CSS, DevTools

Here are some things I've found useful or that I enjoyed: Syntax.fm Hasty Treat - Web Dev Resource Sick Picks Access-Control-Allow-Origin: Dealing with CORS Errors in React and Express Dockerize a…

MManjaro i3 Lock Screen When Lid Closed

10/18/20191 Min Read — In DevTools, Linux

When you close the lid on your laptop (using Manjaro i3 ), the laptop goes to suspend mode. But the screen doesn't lock. You have to write a script for systemd . i3lock Manjaro i3 ships with i…

FFast Node Management With fnm

10/14/20191 Min Read — In Reason, Node.js, DevTools

fnm offers a speedy alternative to the Node.js manager NVM . Built with native ReasonML, it's significantly faster than NVM . fnm Setup Here's how I set it up on an Arch-based Linux system that…

AA Better Yarn Upgrade

10/12/20191 Min Read — In DevTools

Yarn is my package manager of choice for the JavaScript ecosystem. When I started programming, yarn was superior to NPM - faster, more secure, better dependency lock. Nowadays, in 2019, npm , the…

KKeyboard Layout Tweaks In Manjaro i3

10/09/20191 Min Read — In DevTools, Linux

Why Colemak? In short: better coding experience. The standard Germany keyboard layout (QUERTY) is not helpful for my coding flow. Many keys are hard to reach, for example, the backslash ( \ ). I chose…

FFriday Picks #20

10/04/20191 Min Read — In JavaScript, Node.js, Vim, DevTools

Here are some useful links I found this week: Announcing NestJS Monorepos and new CLI commands Vim quickies/cheatsheet by Rubin Redux Crash Course with Hooks - illustrated quickstart guide by Chris…

FFriday Picks #19

09/27/20191 Min Read — In JavaScript, Node.js, DevTools, GraphQL

Here are some useful links for your pleasure: Stand Up a Node.js Server with NestJS including TypeScript and GraphQL - a tutorial by Aryan J. Robot, a new JavaScript library for finite state machines…

RReasonML Development With Vim

09/21/20191 Min Read — In Vim, Reason, DevTools, Lab

Vim is my favorite editor, and I prefer it over VS Code. (Neo)Vim offers a light-weight, fast experience where I can quickly navigate via keyboard shortcuts and use the terminal to its fullest. Reason…

TTool: degit

09/05/20191 Min Read — In DevTools

I just came across a great tool to "shallow copy" a git repository. I often clone git repositories as a starting point for my projects, or for learning purposes. But I don't need the fully-fledged git…

PPlaying Around in Vim

09/02/20191 Min Read — In DevTools, Vim

I'm trying to improve my VIM configuration. Customizing Vim to your needs can be a never-ending story. Over the last few months, I have collected several plugins and settings. And from time to time, I…

NNeoVim and LanguageClient for Elixir

08/30/20191 Min Read — In Vim, Elixir, DevTools, Lab

Yesterday I installed LanguageClient-neovim for NeoVim. This tool adds Language Server Protocol support for NeoVim (or Vim8). It helps with autocompletion, code formatting, code definitions, and…

VVim: Delete Until Word

08/22/20191 Min Read — In DevTools, Vim

Today I found a useful reddit thread: r/vim Delete until word Type d/<word> and it will delete until that word. Also: A truly mindblowing thing is the concept of search-offset ( :h search-offset…

FFix npm Vulnerabilities with Yarn

08/17/20191 Min Read — In JavaScript, DevTools

Sometimes I get alerts on GitHub because my project's npm packages have security issues. With npm, you can use npm audit fix to update your packages. What about yarn? Yarn also has a command for…

TTool: Link Control

08/13/20191 Min Read — In DevTools

I found a browser tool on r/webdev today: Link Control ( Chrome / Firefox ). It's a simple browser extension which uses the web's localStorage API. It applies a new color to all visited links ( a…

TTIL: Jump to Next Paragraph in Vim

08/11/20191 Min Read — In Vim, DevTools

When I wanted to jump inside my VIM file, I always used line numbers, like so . But often, I only want to jump to the next paragraph in my code. For example, the next function. You can easily use…

RReverse Proxy with Nginx Trouble

08/01/20191 Min Read — In DevTools

I'm trying to set up Nginx with my Docker containers. I want to route the standard listening port 80 to the port where my Docker runs my Django app. docker-compose proxies my app from port 5001 to…

DDocker and Python

07/31/20191 Min Read — In DevTools, Docker, Python

I'm trying to use Docker for my apps. I like the tool, and it also helps to have a stable dev environment when everything runs inside a container. But it adds another layer of complexity. Now, a lot…

VVIM: Use Visual Block

07/30/20191 Min Read — In DevTools, Vim

Yesterday I wanted to insert a character at the start of each line. Vim doesn't have multiple cursors like some popular text editors (VS Code, Sublime Text). But sometimes you don't need more than…

VVIM: Open a File In a Web Browser on Linux

07/13/20191 Min Read — In DevTools, Vim

Today I learned two neat tricks: Put your cursor on a link (in normal mode), and type gx . This will open the URL in a browser window. What if you want to open a file in a web browser? On Linux, you…

VVim: Close All Other Buffers

07/06/20191 Min Read — In Vim, DevTools

I emphasize using buffers over tabs in VIM. Buffers are the ideomatic way of using VIM. You can read more about that here: Vim Tab Madness. Buffers vs Tabs . I customized my settings with some…

VVim: Create a Directory

07/05/20191 Min Read — In Vim, DevTools

Let's say that you create a new file in a buffer: What happens if you didn't create the header directory first? What now? You can still create the directory and save the file. In NeoVim, you can use…

VVictor Mono Font

07/03/20191 Min Read — In DevTools

I've found a new programming font that I use with VIM and VS Code. It's a free font with font ligatures (those don't work in VIM, though). Check it out ! Here is the GitHub repository .

GGiving VSCode Another Try

06/26/20191 Min Read — In DevTools, Vim, VS Code

I've been reading posts on dev.to lately to stay up to date. I follow a few writers there, for example, Jaime González . Like me, Jaime is a big VIM fan and has even written two books about VIM…

EESLint Parsing error: Unexpected token

05/30/20191 Min Read — In JavaScript, DevTools

ESLint throws some errors: or, when using JSX: Per default, ESLint defaults to ES5 and doesn't understand the keywords import or const . You have to configure ESLint to use the correct parser…

VVim and Svelte.js

05/21/20191 Min Read — In Vim, JavaScript, Svelte.js, DevTools

Yesterday I explained how you can add linting and formatting support for Svelte.js with ESLint and Prettier . But how can you integrate it into (Neo)Vim and ALE ? 1. Installation Follow the steps…

NNavigate Vim With Windows, Tabs and Buffers

05/18/20191 Min Read — In DevTools, Vim

First of all, prefer buffers over tabs . Josh Davis wrote a comprehensive blog post which explains why: Vim Tab Madness. Buffers vs Tabs . I followed Josh's Solution #1 and added support for…

VVim autocomplete with ALE

04/06/20191 Min Read — In DevTools, Vim

ALE is a plugin that offers essential support for my coding workflow in Vim. ALE helps with linting and fixing the code you write. I also use ALE's autocomplete function, as described in the blog…

VVim Indent

04/03/20191 Min Read — In DevTools, Vim

I try to learn something new everyday but sometimes there are no big aha moments. That's why I'm falling back to writing a boring Vim post. I'm sorry. Today I wanted to indent a code block. Normally…

HHow I Learn Vim

04/02/20191 Min Read — In DevTools, Vim

Just today, I read an article Getting Productive with Vin in a Week without Hating It . Kudos to the author, Nick Janetakis, for coming up with a great title. The article chronicles Nick's journey of…

2256color $TERM With st, tmux and fish

03/31/20191 Min Read — In DevTools, Linux

It can be difficult to get your terminal colors working correctly between your terminal emulator, tmux and your shell. st , tmux and fish shell sometimes don't play nice together when it comes to…

VVS Code in the Cloud - Remote VS Code

03/29/20191 Min Read — In DevTools, VS Code

Although I'm currently a heavy Vim user, I still think that VS Code is one of the best editors available - and it's open-source and free to use. Traversy Media published a neat YouTube video…

VVS Code Key Binding Frustrations

03/28/20191 Min Read — In DevTools, VS Code, Vim

Today I switched back to the open-source editor Visual Studio Code . But I realized that I can now work better with Vim! I have my custom key bindings which flow naturally. You can edit settings in…

RRedux: Why?

03/21/20191 Min Read — In DevTools, JavaScript, React.js

Redux is a common tool that's used with React. It creates a central "store". This store holds your data (the React state). You can connect your React components to the store to read data or use…

CChain in Lodash and Ramda

03/19/20191 Min Read — In DevTools, JavaScript

The chain method in Ramda and in Lodash are totall different. Both Ramda and Lodash are utility libraries for JavaScript that make functional programming easier. I'm following a Udemy course…

NNeoterm Autoscroll

03/18/20191 Min Read — In DevTools, Vim

neoterm is a terminal wrapper for the inbuilt NeoVim terminal. It offers some convenient shortcuts and also comes with REPL integration. Unfortunately, sometimes the terminal doesn't show the command…

NNeoVim After 10plus Days

03/17/20191 Min Read — In DevTools, Vim

I got bitten by the Vim bug at the beginning of March. I can't exactly remember why and how. I spent some frustrating first days with this editor. I switched back and forth between (Neo)Vim and VS…

IInstalling Nvim-Typescript

03/16/20191 Min Read — In DevTools, Vim, TypeScript

Nvim-TypeScript adds TypeScript support for NeoVim. Why Nvim-TypeScript instead of Tsuquomi ? The author answers the question on github : tsuquyomi requires vimproc currently, which can be slow for…

DDeveloping with Elixir in Vim

03/15/20191 Min Read — In DevTools, Vim, Elixir

Using (Neo)Vim is surprisingly enjoyable after the initial hurdle . Language support for Elixir also works fine in Vim. Plugins I use minpac as my package manager. VimCasts has a good introduction…

OOpening, Saving and Deleting Files in Vim

03/13/20191 Min Read — In DevTools, Vim

If you want to open a new file in the same directory as the current file: :e for edit (opens a file) %:p:h for the current directory and the head of the file name If you want to save the current…

BBash and PATH

03/12/20191 Min Read — In DevTools, Linux

I was always confused about where to put my config for the bash shell on Linux. I shoved everything into ~./bashrc because that seemed to be the easiest solution. What is .bashrc ? .bashrc is a…

PPowerful Keymaps in VS Code Vim

03/11/20191 Min Read — In DevTools, Vim, VS Code

Today I learned that you can remap Vim keys with VS Code. In my NeoVim config I have some custom keybindings that I can now replicate with VS Code. The official VSCodeVim documentation has some…

VVS Code and Vim

03/10/20191 Min Read — In DevTools, Vim, VS Code

I'm slowly learning the power of Vim/NeoVim but the first steps are quite painful. If you're like me and would like to learn Vim gradually and still use VS Code in the meantime, you might want to take…

NNova Color Scheme

03/09/20191 Min Read — In DevTools

I found a new beautiful color scheme that's available for different platforms: Nova Colors : The (free) color scheme is available for Vim, tmux, Git, VS Code and other terminals and editors. It looks…

UUse the Terminal From Neovim and Vim is Hard

03/06/20191 Min Read — In DevTools, Vim

When you type in : you can run commands in Vim. And when you run :! you can run terminal commands. For example, :!ls gives you a list of the current directory. In Neovim, you can also start a…

LLearning (Neo)Vim

03/05/20191 Min Read — In DevTools, Vim

I use Visual Studio Code as my main editor at the moment. It offers great in-built features and because of its popularity, you can also enhance it with many plugins. I love it. I used Sublime Text…

LLearn Functional Programming, One Tab at a Time.

03/04/20191 Min Read — In DevTools

There is a useful free Chrome extension called FP Glossary . It explains functional programming concepts when you open a new tab in Chrome. For example: Currying The process of converting a function…

CColemak for Faster Coding

02/28/20191 Min Read — In DevTools

My computer uses the QUERTZ per default. From Wikipedia : [ The PC keyboard layout QUERTZ ] employs dead keys to type accented characters like “é”, and the AltGr key to access characters in the…

SSetting up Fish Shell With Unicode Glyphs

02/26/20191 Min Read — In DevTools, Linux

Fish Shell is an interactive and user-friendly command shell for all platforms. The default shell on Linux (and macOS?) is bash. But fish is much nicer. It looks better, it has great autocomplete…

NNetlify Hugo Sass Error

02/23/20191 Min Read — In Netlify, Hugo, DevTools

Yesterday I was working on my portfolio site . A local copy of Hugo , the static site generator written in Golang, worked fine on my machine. But when I tried to deploy the site to Netlify , the…

HHeroku Deployment Pitfall: Bind to $PORT

02/19/20191 Min Read — In DevTools, Node.js

During development, you set a port that Node listens to. That doesn't work with Heroku because Heroku binds your port and you cannot set it yourself. You'll get an error: Web process failed to bind…

WWebpack 4 Woes

02/04/20191 Min Read — In DevTools, JavaScript

I wanted to have a basic working webpack configuration so that I could try out different things without a framework. Doesn't sound so hard, does it? Hours later, I came up with this Minimal Webpack…