VSCode 로 개발하기

VSCode 에서는 1.25.1 버젼부터 포터블 모드를 지원합니다.

USB 나 클라우드에 저장 후 필요한 곳에서 바로 사용할 수 있습니다.

VSCode 포터블 모드로 사용하기

#1. Visual Studio Code zip 파일 다운로드 하기 (윈도우 기준)

링크 : https://code.visualstudio.com/#alt-downloads

#2. 원하는 디렉토리에 압축 풀기

#3. 해당 디렉토리에 data 디렉토리 생성하기 (윈도우, 리눅스 = data / 맥 = code-portable-data)

#4. Code.exe 실행

#5. data 폴더내 디렉토리 및 파일생성 확인

extensions (확장 파일 저장) 와 user-data (사용자 설정 파일 저장) 디렉토리가 생성됩니다.

임시 파일도 포터블 디렉토리 내에서 처리하고 싶다면 tmp 디렉토리를 생성하면 됩니다. (기본은 시스템)

이미 VSCode 에 설치된 확장과 설정을 포터블 모드로 옮기기

#1. 아래의 경로에 있는 data 디렉토리를 user-data 로 이름을 변경하여 data 디렉토리에 복사합니다.

• Windows = %APPDATA%\Code
• macOS = $HOME/Library/Application Support/Code
• Linux = $HOME/.config/Code

#2. extensions 디렉토리를 data 디렉토리에 복사합니다.

• Windows = %USERPROFILE%\.vscode\extensions
• macOS = ~/.vscode/extensions
• Linux = ~/.vscode/extensions

위와 같이 data 디렉토리 밑에 user-data 와 extensions 디렉토리를 옮기고 VSCode 를 실행하면 됩니다.

포터블 모드에서 VSCode 버젼 업그레이드 방법

#1. 새로운 버젼은 VSCode zip 다운로드

#2. 다운로드 한 파일 압축 해제

#3. 사용하고 있는 포터블 디렉토리에 압축 푼 파일 복사 후 붙여넣기 (덮어쓰기)

data 디렉토리만 삭제되거나 변경되지 않도록 주의 하시면 됩니다.

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

Linting, 디버깅, Intellisense, 코드 포맷팅, 리팩토링, 유닛 테스트, 스니펫을 지원하는 Python 확장입니다.

링크 : https://marketplace.visualstudio.com/items?itemName=ms-python.python

Python 이 설치되어 있어야 합니다.

Useful commands

Open the Command Palette (Command+Shift+P on macOS and Ctrl+Shift+P on Windows/Linux) and type in one of the following commands:

To see all available Python commands, open the Command Palette and type Python.

Supported locales

The extension is available in multiple languages thanks to external contributors (if you would like to contribute a translation, see the pull request which added Italian):

• de
• en
• es
• fr
• it
• ja
• ko-kr
• pt-br
• ru
• zh-cn
• zh-tw

Feature details

• IDE-like features
  • Automatic indenting
  • Code navigation ("Go to", "Find all" references)
  • Code definition (Peek and hover definition, View signatures)
  • Rename refactoring
  • Sorting import statements (use the Python: Sort Imports command)
• Intellisense and autocomplete (including PEP 484 and PEP 526 support)
  • Ability to include custom module paths (e.g. include paths for libraries like Google App Engine, etc.; use the setting python.autoComplete.extraPaths = [])
• Code formatting
  • Auto formatting of code upon saving changes (default to 'Off')
  • Use either yapf, autopep8, or Black for code formatting (defaults to autopep8)
• Linting
  • Support for multiple linters with custom settings (default is Pylint, but Prospector, Flake8, pylama, pydocstyle, and mypy are also supported)
• Debugging
  • Watch window
  • Evaluate expressions
  • Step through code ("Step in", "Step out", "Continue")
  • Add/remove breakpoints
  • Local variables and arguments
  • Multi-threaded applications
  • Web applications (such as Flask & Django, with template debugging)
  • Expanding values (viewing children, properties, etc)
  • Conditional breakpoints
  • Remote debugging (over SSH)
  • Google App Engine
  • Debugging in the integrated or external terminal window
  • Debugging as sudo
• Unit testing
  • Support for unittest, pytest, and nose
  • Ability to run all failed tests, individual tests
  • Debugging unit tests
• Snippets
• Miscellaneous
  • Running a file or selected text in python terminal
• Refactoring
  • Rename refactorings
  • Extract variable refactorings
  • Extract method refactorings
  • Sort imports

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

Go 에 대해 풍부한 언어 지원을 위한 확장입니다.

링크 : https://marketplace.visualstudio.com/items?itemName=ms-vscode.Go

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

현재 설치된 Go path 는 Go: Current GOPATH 명령어로 확인 가능합니다.

IntelliSense

• Auto Completion of symbols as you type (using gocode)
• Signature Help for functions as you type (using gogetdoc or godef+godoc)
• Quick Info on the symbol as you hover over it (using gogetdoc or godef+godoc)

Code Navigation

• Go to or Peek Definition of symbols (using gogetdoc or godef+godoc)
• Find References of symbols and Implementations of interfaces (using guru)
• Go to symbol in file or see the file outline (using go-outline)
• Go to symbol in workspace (using go-symbols)
• Toggle between a Go program and the corresponding test file.

Code Editing

• Code Snippets for quick coding
• Format code on file save as well as format manually (using goreturns or goimports or gofmt)
• Symbol Rename (using gorename. Note: For Undo after rename to work in Windows you need to have difftool in your path)
• Add Imports to current file (using gopkgs)
• Add/Remove Tags on struct fields (using gomodifytags)
• Generate method stubs for interfaces (using impl)
• Fill struct literals with default values (using fillstruct)

Diagnostics

• Build-on-save to compile code and show build errors. (using go build and go test)
• Vet-on-save to run go vet and show errors as warnings
• Lint-on-save to show linting errors as warnings (using golint, gometalinter, megacheck, golangci-lint or revive)
• Semantic/Syntactic error reporting as you type (using gotype-live)

Testing

• Run Tests under the cursor, in current file, in current package, in the whole workspace using either commands or codelens
• Run Benchmarks under the cursor using either commands or codelens
• Show code coverage either on demand or after running tests in the package.
• Generate unit tests skeleton (using gotests)

Debugging

• Debug your code, binaries or tests (using delve)

Others

• Install/Update all dependent Go tools
• Upload to the Go Playground (using goplay)

Commands

In addition to integrated editing features, the extension also provides several commands in the Command Palette for working with Go files:

• Go: Add Import to add an import from the list of packages in your Go context
• Go: Current GOPATH to see your currently configured GOPATH
• Go: Test at cursor to run a test at the current cursor position in the active document
• Go: Test Package to run all tests in the package containing the active document
• Go: Test File to run all tests in the current active document
• Go: Test Previous to run the previously run test command
• Go: Test All Packages in Workspace to run all tests in the current workspace
• Go: Generate Unit Tests For Package Generates unit tests for the current package
• Go: Generate Unit Tests For File Generates unit tests for the current file
• Go: Generate Unit Tests For Function Generates unit tests for the selected function in the current file
• Go: Install Tools Installs/updates all the Go tools that the extension depends on
• Go: Add Tags Adds configured tags to selected struct fields.
• Go: Remove Tags Removes configured tags from selected struct fields.
• Go: Generate Interface Stubs Generates method stubs for given interface
• Go: Fill Struct Fills struct literal with default values
• Go: Run on Go Playground Upload the current selection or file to the Go Playground

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

파일 내, 다른 파일 또는 클립보드에서 선택된 텍스트를 비교해 주는 확장입니다.

링크 : https://marketplace.visualstudio.com/items?itemName=ryu1kn.partial-diff

명령어

• Select Text for Compare - 선택한 텍스트를 다음 선택 항목과 비교할 텍스트로 표시합니다.

• Compare Text with Previous Selection - 선택한 텍스트를 첫 번째 선택 항목과 비교합니다.

• Compare Text with Clipboard - 현재 클립 보드를 선택한 텍스트와 비교합니다.

• Compare Text in Visible Editors - 두개의 보이는 에디터의 텍스트를 비교합니다.

• Toggle Pre-Comparison Text Normalization Rules - 사전 비교 텍스트 정규화 규칙을 토글합니다.

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

프로젝트간에 쉽게 전환할 수 있게 도와주는 확장입니다.

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

제공

• 어떤 프로젝트라도 즐겨찾기로 저장
• VSCode, Git, Mercurial or SVN repositiories 자동 검색
• 동일한 창이나 새 창에서 프로젝트 열기
• 삭제되거나 이름 변경된 프로젝트 식별
• 현재 프로젝트를 식별하는 상태바 표시
• 전용 Activity Bar

명령어

• Project Manager: Save Project 현재 폴더를 새 프로젝트로 저장
• Project Manager: Edit Project 수동으로 프로젝트 수정 ( projects.json)
• Project Manager: List Projects to Open 저장/감지된 모든 프로젝트를 나열하고 하나를 선택 - 현재창 열기
• Project Manager: List Projects to Open in New Window 저장/감지된 프로젝트를 모두 나열하고 하나를 선택 - 새창 열기
• Project Manager: Refresh Projects 캐시된 프로젝트 새로고침

프로젝트 수정

[
    {
        "name": "Pascal MI",
        "rootPath": "c:\\PascalProjects\\pascal-menu-insight",
        "paths": [],
        "group": ""
    },
    {
        "name": "Bookmarks",
        "rootPath": "$home\\Documents\\GitHub\\vscode-bookmarks",
        "paths": [],
        "group": ""
    },
    {
        "name": "Numbered Bookmarks",
        "rootPath": "$home\\Documents\\GitHub\\vscode-numbered-bookmarks",
        "paths": [],
        "group": ""
    }
]

상태바에 프로젝트명 표시

액티브 바