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

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…

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…