2022-02-06 게시 됨2022-02-06 업데이트 됨vscode몇 초안에 읽기 (약 47 단어)

vscode extension reverse line

example.txt

// input
1
2
3

// output
3
2
1

역전?시킬 수 있다
외에도 중복라인삭제, 셔플 등의 기능이 있다

참고

https://github.com/earshinov/vscode-permute-lines/

2022-01-31 게시 됨2022-01-31 업데이트 됨vscode몇 초안에 읽기 (약 77 단어)

vscode bracket pair colorizer

익스텐션으로 사용하던 Bracket Pair Colorizer가 vscode 기본 기능이 되었다
기존에 사용하던 익스텐션을 제거하고, 세팅에서 활성화해주었다

settings.json

{
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active"
}

참고

https://github.com/CoenraadS/BracketPair#readme

2021-10-08 게시 됨2021-10-09 업데이트 됨etc몇 초안에 읽기 (약 111 단어)

깃허브 불필요한 파일 안 보기 hide files on github

깃허브 탐색하다 보면 프로젝트 루트에 .gitignore부터 시작해서
탐색할 때 그다지 중요하지 않는 여러 파일들이 나열되어 있다
hide files on github 크롬 익스텐션을 설치하면 깔끔하게 탐색할 수 있다

숨길 파일들을 직접 설정도 가능하다!

참고

https://github.com/sindresorhus/hide-files-on-github

2021-09-12 게시 됨2021-09-12 업데이트 됨vscode몇 초안에 읽기 (약 79 단어)

tabout tips

tab을 눌렀을 때 자동완성 적용을 삭제한다

tabout의 when을 아래처럼 수정한다
editorTextFocus && !editorHasMultipleSelections && !inSnippetMode
기본값에서 자동완성 추천이 안 보일 경우 조건을 삭제해 주었다

참고

https://stackoverflow.com/questions/57938988/vscode-how-to-disable-tab-autocomplete

2021-08-06 게시 됨2021-08-28 업데이트 됨vscode3분안에 읽기 (약 444 단어)

vscode extension rest client

Rest Client라는 도구가 있다
text 기반으로 간편하게 리퀘스트를 작성할 수 있다

example.http

###
GET http://localhost:3000/movies/ HTTP/1.1

###
GET http://localhost:3000/movies/1 HTTP/1.1

###
POST http://localhost:3000/movies/ HTTP/1.1
Content-Type: application/json

{
    "title": "sung",
    "year": 2020,
    "genres": ["mind blown"]
}

확장자는 http로 한다
한 파일에서 여러 개의 리퀘스트를 작성할 때는 ###으로 구분하여 작성한다
리퀘스트 작성할 때 메서드(get, post, put, delete,…)를 입력하면 자동완성 스니펫을 제공한다
단축키로는 ctrl alt R로 리퀘스트를 보낼 수 있다

Variables

envExample.http

@endpoint = http://localhost:3000

###

POST {{endpoint}}/login HTTP/1.1
Content-Type: application/json

{
    "username": "sung",
    "password": "1234"
}

###

GET {{endpoint}}/profile HTTP/1.1

변수를 사용할 수 있다
계속 중복해서 사용하는 문자열이나, 나중에 변경될 여지가 있는 것들을 변수로 만들 수 있다

Environments

ctrl alt e 로 환경을 설정해 줄 수 있는데, 먼저 환경을 만들어야 한다

.vscode/settings.json

{
  // ...
  "rest-client.environmentVariables": {
    "$shared": {
      "version": "v1",
      "prodToken": "foo",
      "nonProdToken": "bar"
    },
    "local": {
      "version": "v2",
      "host": "localhost",
      "token": "{{$shared nonProdToken}}",
      "secretKey": "devSecret"
    },
    "production": {
      "host": "example.com",
      "token": "{{$shared prodToken}}",
      "secretKey": "prodSecret"
    }
  }
}