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


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


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





가져오기 명령


가져오기 명령 (ES5)

저작자표시

'언어 > Script' 카테고리의 다른 글

Node Debug - Node.js 디버그  (0) 2018.12.06
npm - VSCode 에서 npm 지원  (0) 2018.11.15
JavaScript (ES6) code snippets - ES6용 코드 스니펫  (0) 2018.10.08

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 명령을 사용할 수 있습니다.


 

저작자표시

'언어 > Script' 카테고리의 다른 글

Node Debug - Node.js 디버그  (0) 2018.12.06
npm Intellisense - npm 자동 완성  (1) 2018.11.15
JavaScript (ES6) code snippets - ES6용 코드 스니펫  (0) 2018.10.08

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


JS, CSS, HTML 파일 또는 디렉토리 내의 파일에 대해서 코드를 축소해 주는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=HookyQR.minify



파일을 선택 후 Minify 시 {파일명|디렉토리명}.min.[js|css|html] 형식으로 파일을 생성해 줍니다.


원본 : index.html


축소 : index.min.html

저작자표시

'언어 > CSS & HTML' 카테고리의 다른 글

Highlight Matching Tag - 매칭되는 태그 강조  (0) 2019.01.24
IntelliSense for CSS class names in HTML - CSS Class 자동 완성  (0) 2018.10.07
HTMLHint - HTML 코드 분석  (0) 2018.10.06
Bootstrap v4 Snippets - 부트 스트랩 스니펫  (0) 2018.10.01
Font Awesome Autocomplete - 폰트 어썸 자동완성  (0) 2018.10.01

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


도커 컨테이너, 도커 이미지, 도커 허브 및 Azure 컨테이너 레지스트리를 관리해 주는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=formulahendry.docker-explorer



Docker 가 설치되어 있어야 합니다.


도커 컨테이너 관리


도커 이미지 관리


도커 허브 관리


Azure 컨테이너 레지스트리 관리


제안된 도커 이미지


설정

  • docker-explorer.autoRefreshInterval: 컨테이너 목록 자동 갱신 간격 (밀리 초). 자동 새로 고침을 사용하지 않으려면 0으로 설정
  • docker-explorer.executionCommand: 컨테이너에서 실행할 명령입니다.
  • docker-explorer.containerLogsOptions: 컨테이너 로그를 표시하는 옵션입니다. (기본값은 "--tail 50 -f"입니다. )


추가

기본적으로 익명으로 데이터를 수집합니다. 아래의 설정으로 사용하지 않을 수 있습니다.

{
    "docker-explorer.enableTelemetry": false
}


저작자표시

'기타' 카테고리의 다른 글

Nest Comments - 중첩된 주석 토글  (0) 2018.11.27
sftp - FTP/SFTP 파일/디렉토리 동기화  (0) 2018.11.16
Docker - 도커 작성, 관리 및 배포 확장  (0) 2018.10.30
Partial Diff - 텍스트 선택 비교  (0) 2018.10.12
Project Manager - 프로젝트 관리  (0) 2018.10.11

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


Dockerfile 및 Docker 작성 파일에 대한 구문강조, 명령, 마우스 오버 팁 및 linting 를 추가해 줍니다.


링크 : https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker



Docker 확장을 사용하면 VSCode 에서 컨테이너화 된 응용 프로그램을 쉽게 작성, 관리 및 배포 할 수 있습니다.

  • Dockerfile, docker-compose.yml 및 .dockerignore 파일 자동 생성 (Docker: Add Docker files to Workspace)
  • docker-compose.yml 및 Dockerfile 파일에 대한 구문 강조, 마우스 오버 팁, IntelliSense (completions) 
  • Dockerfile 파일에 대한 Linting (오류 및 경고)
  • 일반적인 Docker 명령에 대한 명령 팔레트 (F1) 통합 (예 docker build: docker push 등)
  • 이미지 관리, 컨테이너 실행 및 Docker 허브 레지스트리에 대한 Explorer 통합
  • Docker 허브 및 Azure 컨테이너 레지스트리에서 Azure App 서비스로 직접 이미지 배포


도커 파일 생성


편집


도커 명령


도커 보기


설정

SettingDescriptionDefault Value
docker.attachShellCommand.linuxContainerAttach command to use for Linux containers/bin/sh
docker.attachShellCommand.windowsContainerAttach command to use for Windows containerspowershell
docker.dockerComposeBuildRun docker-compose with the --build argument, defaults to truetrue
docker.dockerComposeDetachedRun docker-compose with the --d (detached) argument, defaults to truetrue
docker.defaultRegistryPathDefault registry and path when tagging an image""
docker.explorerRefreshIntervalExplorer refresh interval, default is 1000ms1000
docker.hostHost to connect to (same as setting the DOCKER_HOST environment variable)""
docker.imageBuildContextPathBuild context PATH to pass to Docker build command""
docker.languageserver.diagnostics.deprecatedMaintainerControls the diagnostic severity for the deprecated MAINTAINER instructionwarning
docker.languageserver.diagnostics.directiveCasingControls the diagnostic severity for parser directives that are not written in lowercasewarning
docker.languageserver.diagnostics.emptyContinuationLineControls the diagnostic severity for flagging empty continuation lines found in instructions that span multiple lineswarning
docker.languageserver.diagnostics.instructionCasingControls the diagnostic severity for instructions that are not written in uppercasewarning
docker.languageserver.diagnostics.instructionCmdMultipleControls the diagnostic severity for flagging a Dockerfile with multiple CMD instructionswarning
docker.languageserver.diagnostics.instructionEntrypointMultipleControls the diagnostic severity for flagging a Dockerfile with multiple ENTRYPOINT instructionswarning
docker.languageserver.diagnostics.instructionHealthcheckMultipleControls the diagnostic severity for flagging a Dockerfile with multiple HEALTHCHECK instructionswarning
docker.languageserver.diagnostics.instructionJSONInSingleQuotesControls the diagnostic severity for JSON instructions that are written incorrectly with single quoteswarning
docker.languageserver.diagnostics.instructionWorkdirRelativeControls the diagnostic severity for WORKDIR instructions that do not point to an absolute pathwarning
docker.promptOnSystemPrunePrompt for confirmation when running System Prune commandtrue
docker.showExplorerShow or hide the Explorertrue
docker.truncateLongRegistryPathsTruncate long Image and Container registry paths in the Explorerfalse
docker.truncateMaxLengthMaximum number of characters for long registry paths in the Explorer, including ellipsis10

저작자표시

'기타' 카테고리의 다른 글

sftp - FTP/SFTP 파일/디렉토리 동기화  (0) 2018.11.16
Docker Explorer - 도커 컨테이너, 이미지 관리  (0) 2018.10.30
Partial Diff - 텍스트 선택 비교  (0) 2018.10.12
Project Manager - 프로젝트 관리  (0) 2018.10.11
Bookmarks - 북마크 지정  (0) 2018.09.19

+ Recent posts

티스토리툴바