VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


중첩된 주석을 토글링 하기 위한 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=philsinatra.nested-comments




원래 주석을 유지하고 코드 섹션에서 주석을 신속하게 토글 할 수 있게 해줍니다.



<main>
  <div class="container">
    <h2>Hello World</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <!-- <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p> -->
  </div>
</main>

Becomes:

<!-- <main>
  <div class="container">
    <h2>Hello World</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <!~~ <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p> ~~>
  </div>
</main> -->



example {
  /* display: flex; */
  transition: all 0.5s;
  /* user-select: none; */
  background: linear-gradient(to bottom, white, black);
}

Becomes:

/*.example {
  /~ display: flex; ~/
  transition: all 0.5s;
  /~ user-select: none; ~/
  background: linear-gradient(to bottom, white, black);
}*/


확장 프로그램을 실행하려면 주석 처리 / 주석 해제할 텍스트를 강조 표시해야 합니다.

  • Mac: cmd + alt + /
  • Windows: ctrl + alt + /

다음 언어가 지원됩니다.

  • asp
  • cfm
  • css
  • htm
  • html
  • jsx
  • md
  • njk
  • php
  • svg
  • tsx
  • twig
  • vue
  • xml
  • xsl


* 버젼 2.2.6 으로 PHP 에서 사용시 주석처리에 문제가 발생 할수도 있습니다.

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


Kotlin 을 위한 스마트 코드 완성, 진단, 구문 강조 및 기타를 지원하는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=fwcd.kotlin





Autocomplete


Signature help


Hover


Go-to-definition, find all references


Document symbols


Global symbols




'언어 > JAVA & KOTLIN' 카테고리의 다른 글

Kotlin Language - 구문 지원  (0) 2018.11.20

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


코드 작성자를 시각화하고 Git 저장소를 완벽하게 탐색하고 강력한 비교 명령을 지원하는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens





GitLens

GitLens is an open-source extension for Visual Studio Code created by Eric Amodio. While GitLens is generously offered to everyone free of charge, if you find it useful please consider supporting it.


GitLens simply helps you understand code better. Quickly glimpse into whom, why, and when a line or code block was changed. Jump back through history to gain further insights as to how and why the code evolved. Explore the history and evolution of a codebase.


Here are just some of the features that GitLens provides,

  • GitLens explorer to navigate and explore repositories
  • GitLens File History explorer to navigate and explore file histories
  • an on-demand GitLens Results explorer to navigate and explore commit searches, visualize comparisons between branches, tags, commits, and more
  • authorship code lens showing the most recent commit and # of authors to the top of files and/or on code blocks
  • an unobtrusive current line blame annotation at the end of the line
  • on-demand gutter blame annotations, including a heatmap, for the whole file
  • on-demand gutter heatmap annotations to show how recently lines were changed, relative to all the other changes in the file and to now (hot vs. cold)
  • on-demand recent changes annotations to highlight lines changed by the most recent commit
  • status bar blame annotation showing author and date for the current line
  • commit search — by message, author, filename, commit id, or code changes
  • many powerful commands for exploring commits and histories, comparing and navigating revisions, stash access, repository status, etc
  • and so much more

GitLens is powerful, feature rich, and also highly customizable to meet your specific needs — find code lens intrusive or the current line blame annotation distracting — no problem, it is quick and easy to turn them off or change how they behave via the built-in GitLens Settings editor, an interactive editor covering many of GitLens' powerful settings. While for more advanced customizations, refer to the GitLens settings docs and edit your vscode user settings.



VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


git 프로젝트간에 쉽게 변경할 수 있게 해주는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=felipecaputo.git-project-manager




모두 Ctrl + Shift + P (Mac에서는 Cmd + Alt + P)를 사용 하여 액세스 할 수 있습니다.

gitProjectManager.baseProjectsFolders 에 구성된 모든 폴더에서 사용 가능한 git 저장소 목록을 표시합니다 

처음으로 모든 폴더를 검색하면 캐시 된 저장소 정보가 사용됩니다.


이 명령은 구성된 모든 폴더에 대해 캐시 된 저장소 정보를 새로 고칩니다.

이 명령을 사용하면 모든 폴더를 새로 고치지 않고도 특정 폴더를 선택하여 해당 리포지토리를 새로 고칠 수 있습니다.

이 명령은 가장 최근의 git 프로젝트의 목록을 가져 오며, 그 사이에서 더 빠르게 합니다.


GPM을 사용하기 전에 확장 프로그램에서 git 저장소를 검색 할 기본 폴더를 구성해야합니다. 

파일 -> 기본 설정 -> 설정 에서 아래와 같이 설정해야 합니다.

{
    "gitProjectManager.baseProjectsFolders": [
        "/home/user/nodeProjects",
        "/home/user/personal/pocs"
    ]
}


'GIT' 카테고리의 다른 글

GitHub Pull Requests  (0) 2018.12.07
GitLens - Git 저장소 탐색  (0) 2018.11.19
Setting Sync - GitHub Gist 를 통한 설정등 동기화  (0) 2018.11.16
Git History - Git 히스토리 보기  (0) 2018.10.10
gi - .gitignore 파일 쉽게 만들기  (0) 2018.09.04

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


Visual Studio Code 를 위한 PHP Composer 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=ikappas.composer




이 확장을 사용하기 위해서는 Composer 가 설치되어 있어야 합니다.

사용자 또는 작업 영역 환경 설정을 변경하여 다음 옵션을 구성 할 수 있습니다.

[ Scope: Global | Optional | Defaulttrue ]

이 설정을 사용하여 이 플러그인을 사용 또는 사용 중지 합니다.

[ Scope: Global | Required ]

이 설정을 사용하여 시스템에서 실행 파일의 절대 경로를 지정하십시오.


맥/리눅스 사용자 settings.json 예제
{
    "composer.executablePath": "/usr/local/bin/composer"
}

윈도우 사용자 settings.json 예제

{
    "composer.executablePath": "C:\\ProgramData\\ComposerSetup\\bin\\composer.bat"
}

중요 : 처음 사용하기 전에 이 설정을 구성하지 않으면 이 확장을 사용할 수 없습니다.

[ Scope: Workspace | Optional | Defaultnull ]

이 설정을 사용하여 composer.json 에 작업 영역에 대한 절대 또는 상대 경로를 지정합니다. 

지정하지 않으면 작업 공간 루트 경로가 기본값으로 사용됩니다.


맥/리눅스 사용자 settings.json 예제

{
    "composer.workingPath": "/projects/project-root/project-sub-folder"
}

윈도우 사용자 settings.json 예제

{
    "composer.workingPath": "C:\\Projects\\ProjectRoot\\ProjectSubFolder"
}

모든 Composer 명령어는 명령 팔레트를 통해 사용할 수 있습니다 F1.


composer 에 대한 간단한 정보를 표시

composer 패키지의 archive 만들기

내부 패키지 캐쉬 지우기

일반적인 오류를 식별하도록 시스템을 진단

오토로더를 덤프

composer.lock 파일에서 프로젝트 종속성을 설치. ​​lock file if present, or falls back on the composer.json.

require 또는 require-dev 에서 패키지를 제거

필요한 패키지를 composer.json 에 추가하고 패키지를 설치

composer.json 에 정의 된 스크립트를 실행

composer.phar 를 최신 버전으로 업데이트

패키지에 대한 정보 표시

로컬에서 수정된 패키지 목록을 표시

composer.json 에 따라 종속성을 최신 버전으로 업데이트하고 composer.lock 파일을 업데이트

composer.json 및 composer.lock 의 유효성을 검사

composer 버젼 보기

+ Recent posts