How to Install JetBrains Mono Font in Visual Studio Code

Written by Daniel Kelly

Let’s face it JetBrain’s Mono is a beautiful mono-spaced font useful for both presenting code and working with it in an IDE. It has an increased x-height for a better reading experience, better shapes for seeing columns of letters, and a developer friendly assortment of ligatures that make your all of your multi-character operators actually look like a single, unified operator.

Read more "How to Install JetBrains Mono Font in Visual Studio Code"

How to Create an Animated Sprite with VueUse

Written by Daniel Kelly

VueUse is a popular Vue.js library of composables and utility functions that makes interacting with native browser features more intuitive in the context of a Vue.js project.

Vue School has an in-depth course on VueUse, called VueUse For Everyone, that gives you hands on experience using a number of those functions. In this article though, I’d like to focus on the useInterval and useRafFn functions to create an animated sprite. If you’d like to see the same content in video form, checkout this similar lesson from the VueUse for Everyone course.

Read more "How to Create an Animated Sprite with VueUse"

Why Use TypeScript with Vue.js?

Written by Daniel Kelly

Vue.js is a notoriously flexible framework with applications ranging from progressively enhancing static pages to building full on single page applications. Likewise, Vue also provides the flexibility of developing in either plain ol’ JavaScript or in it’s more strict type-safe counterpart, TypeScript.

That begs the question, should you be using TypeScript in your Vue.js powered application? In this article, let’s examine some of the reasons you might choose to do so.

Read more "Why Use TypeScript with Vue.js?"

Composing Layouts with Vue Router

Written by Daniel Kelly

Vue Router is the de facto standard for creating routes in Vue.js SPA’s. Did you know though, that besides using it to map routes to page components, you can also use it to compose page layouts? That’s an interesting proposal. Let’s see how it’s done.

Let’s say we’re building a blog where there’s the potential for some pages to have a sidebar on each side of the main content.

Read more "Composing Layouts with Vue Router"

Vue.js Nation 2022 Conference in Review

Written by Daniel Kelly

After an amazing 2 days, it’s safe to say that Vue.js Nation was an amazing success! Over 8,000 people from all over the world tuned in to get the latest community news and expertise from the Vue.js and Nuxt core teams and community members alike.

Session topics ranged from new docs, to revamped educational resources and hiring from Vue School, to practical advice for testing, performance, and application development.

In this article, let’s take a few moments to go through the highlights of each talk and if you’d like to see full recordings of each day, those are also available for free!

Read more "Vue.js Nation 2022 Conference in Review"

Vue.js Script Setup in Less than 5 Minutes

Written by Daniel Kelly

The Vue.js Composition API is a handy tool for creating reusable, stateful code across multiple components. However, it’s not just for creating reusable composables. The longer the API has been around, the more people are using it, even as their default style for all components.

Considering the workflow, it really makes a lot of sense. If many reusable pieces are now being made as composables, then writing your component specific logic in the Composition API, makes interacting with said composable a more seamless process.

The icing on the cake, that really makes this approach enjoyable, is the script setup syntax.

Read more "Vue.js Script Setup in Less than 5 Minutes"

Tooling Saves Your Bacon

Written by Scott Fryxell

Consultants have a bad reputation. It's common for development teams to view them with suspicion. They come in, make sweeping statements, wow your management team and leave as useless as they are dramatic. But at Vue School we think an engineering consultant is a different breed of consultant. Born in the trenches. A daily coder and a resource for you to lean on when having an external perspective can help your project ship.

Read more "Tooling Saves Your Bacon"