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

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…