DEV Community: Breno Alves

Bare minimum setup on VSCode to work on TS/JS projects

Breno Alves — Thu, 06 Oct 2022 20:43:02 +0000

There are plenty of VSCode Extensions on the marketplace but which one is necessary when it comes to working with TS/JS projects?

I'll cover the bare minimum extensions to work on a well-established TS/JS project and some extras which I find very helpful in my day-to-day tasks.

Eslint

When it comes to working with others developers in environments where we need to keep consistent code, we need to have something to make sure everyone is following certain rules and Eslint does exactly this.

To use this extension you need to install Eslint on your project as a development dependency and a configuration file.

npm i -D eslint

you can find some good examples of configuration files at Eslint docs

Eslint

Prettier and EditorConfig

Those two tools work alongside Eslint to help developers format and follow all patterns established.

To use Prettier you need to install it as a developer dependency and create a prettier config file (docs)

npm i -D prettier

and for EditorConfig you will need to create an editorConfig file as well (docs)

Extras

Package Json Upgrade

This extension is very helpful when you need to easily visualize which package you can upgrade and which versions are available

Package Json Upgrade

Dev Containers

Dev containers is very helpful when working with docker containers.

Dev Containers

Github Copilot

I can't put in a few words how much this is helpful nowadays... if you are not aware of what copilot is please check out some videos on youtube about it.

Copilot

The bare minimum to work with Git

Breno Alves — Thu, 06 Oct 2022 19:50:05 +0000

Whether starting a solo project or working with someone else you got to have your things right.

Name and Email:

The first step to configure Git is to configure your user name and email. We can do so by typing the following lines

git config --global user.name "My Name"
git config --global user.email "My Email"

SSH key

go to ssh folder on your computer and create a new one

cd ~/.ssh

ssh-keygen -t ed25519 -C "My email"

you'll be asked many questions that you should read first but you can ignore those and just press enter for everyone.

now run the following command:

cat ./id_ed25519.pub

now you can get your public key and use it on Github/Gitlab/GitBucket. I'll be showing you how to do it on Github.

Now use the public key we got before.

Every time you feel needed to edit your .gitconfig you can do so by running the following line on your terminal.

git config --global --edit

Cool stuff

There is a lot of cool stuff we can configure on Git but I'll list some of them here and leave them for a new article.

Configuring the initial branch

git config --global init.defaultBranch master

Configuring signature with GPG/SSH key

Link: Docs

Air: Live reload on Golang applications

Breno Alves — Sat, 19 Feb 2022 18:43:46 +0000

Go is a programming language with advanced features and clean syntax. It has a robust and well-documented common library, and has focus on good software engineering and principles.

Although Go is a great language, there's one downside: it needs to be recompiled every time after a single line change.

So, to make our lives easier in this post we're gonna learn how to use Air as our live reload.

App

Init with Go mod

go mod init helloworld

Creating App Go file

package main

import (
    "fmt"
    "net/http"
)

func main() {
    port := 3000
    fmt.Println("Starting Server on port", port)

    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        w.Write([]byte("Hello, World"))
    })
    http.ListenAndServe(":3000", nil)
}

Air:

Installing Air.

go get -u github.com/cosmtrek/air

Air configuration file

air init

Starting Air.

air

You'll have the following result:

Now after any file change Air will reload your app automatically.

Air and Docker

First we need to create a Dockerfile

# Dockerfile

FROM cosmtrek/air

RUN mkdir -p /app/dist
COPY ./ /app/
WORKDIR /app/

RUN go get -d -v ./...
RUN go install -v ./...

CMD ["air"]

Now we need to create a docker-compose to make our life easier

# docker-compose.yml

version: '3.7'
services:
  app:
    build: .
    ports:
      - '3000:3000'
    volumes:
      - ./:/app/

Now you just need to run docker-compose up

And you'll have the following result:

References:

Air: https://github.com/cosmtrek/air
Golang-book: https://www.golang-book.com/books/intro/1