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) 입니다.


C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml, R, AppleScript, Elixir, VB.NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Pascal, Haskell, Nim, D 언어에 대해 실행해 주는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner



실행

단축키 : Ctrl + Alt + N


실행중지

단축키 : Ctrl + Alt + M



언어를 선택해서 실행할 경우

Ctrl + Alt + J 를 누른 다음 언어를 입력하거나 선택하시면 됩니다.


구성

각 언어의 실행 프로그램 PATH가 환경 변수에 설정되어 있거나 code-runner.executorMap 에 설정되어 있어야 합니다.

{

    "code-runner.executorMap": {

        "javascript": "node",

        "php": "C:\\php\\php.exe",

        "python": "python",

        "perl": "perl",

        "ruby": "C:\\Ruby23-x64\\bin\\ruby.exe",

        "go": "go run",

        "html": "\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\"",

        "java": "cd $dir && javac $fileName && java $fileNameWithoutExt",

        "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"

    }

}


저작자표시

'생산성' 카테고리의 다른 글

Prettier - Code formatter  (0) 2018.11.27
Comment Anchors - 앵커 태그 배치  (0) 2018.09.28
Bracket Pair Colorizer - 괄호 색상을 단계별로 표시  (0) 2018.09.19
Path Intellisense - 디렉토리 / 파일명 자동완성  (0) 2018.09.12
Indenticator - 들여쓰기를 시각적으로 강조  (0) 2018.09.08

+ Recent posts

티스토리툴바