VSCode 로 개발하기

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

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

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

Features

Autocomplete

Signature help

Hover

Go-to-definition, find all references

Document symbols

Global symbols

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

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

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

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

설정

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

composer.enabled

[ Scope: Global | Optional | Default: true ]

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

composer.executablePath

[ Scope: Global | Required ]

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

{
    "composer.executablePath": "/usr/local/bin/composer"
}

윈도우 사용자 settings.json 예제

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

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

composer.workingPath

[ Scope: Workspace | Optional | Default: null ]

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

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

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

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

윈도우 사용자 settings.json 예제

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

사용법

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

지원 명령어

Composer: About

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

Composer: Archive

composer 패키지의 archive 만들기

Composer: Clear Cache

내부 패키지 캐쉬 지우기

Composer: Diagnose

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

Composer: Dump Autoloader

오토로더를 덤프

Composer: Install

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

Composer: Remove

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

Composer: Require

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

Composer: Run Script

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

Composer: Self Update

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

Composer: Show

패키지에 대한 정보 표시

Composer: Status

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

Composer: Update

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

Composer: Validate

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

Composer: Version

composer 버젼 보기

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

Beautiful syntax and scoped snippets for perfectionists with deadlines

링크 : https://marketplace.visualstudio.com/items?itemName=batisteo.vscode-django

Improved syntax

• Adds the filetype django-html
• Adds the filetype django-txt for email templates.
• Better syntax with more operators and default keywords:
  • Known default tags and filters
  • Known templatetags namespace from contrib in the {% load %} tag
  • Known keywords in tags, like: as, asvar, with, trimmed…
Syntax highlighting everywhere in your HTML document:
• In the HTML tag itself"
• In the id, class or any attribute
• In inline CSS or Javascript code

Snippets

• No unnecessary new lines
• Support for selected text (when inserting snippet from the menu)
• Support for copied text

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

npm 모듈을 자동 완성하는 확장입니다.

링크 : https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

가져오기 명령

가져오기 명령 (ES5)

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

package.json 파일에 정의된 실행중인 npm 스크립트를 지원하고, 설치된 모듈에 대해 유효성을 검사하는 확장입니다.

링크 : https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script

package.json 검증 모듈에 대한 경고를보고합니다

• package.json 에 정의되어 있지만 설치되지 않은 패키지
• 설치되어 있지만 package.json 에 정의되어 있지 않은 패키지
• 설치되어 있지만 package.json 에 정의 된 버전을 충족시키지 못한 패키지

보고된 경고에 대해 실행 가능한 빠른 수정이 제공됩니다.

아래와 같은 npm 명령을 사용할 수 있습니다.