VSCode 로 개발하기

html 파일의 CSS id 및 class 가 정의된 각 CSS 를 보여줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

The extension supports all the normal capabilities of symbol definition tracking, but does it for css selectors (classes, IDs and HTML tags). This includes:

• Peek: load the css file inline and make quick edits right there. (Ctrl+Shift+F12)
• Go To: jump directly to the css file or open it in a new editor (F12)
• Hover: show the definition in a hover over the symbol (Ctrl+hover)

FTP/SFTP 서버에서 로컬 workspace 로 쉽게 파일/디렉토리를 동기화 해주는 확장입니다.

링크 : https://marketplace.visualstudio.com/items?itemName=lukasz-wronski.ftp-sync

기본 명령어

Ftp-sync: Init

Initializes a default FTP-Sync configuration file in the .vscode directory. Options can be customised as follows:

• remotePath - This can be set to the path on the remote that you would like to upload to. The default is ./ i.e. the root.
• host - The hostname of the FTP server you want to connect to.
• username - The username of the FTP account you want to use.
• password - The password of the FTP account you want to use.
• port - The port on the FTP server you would like to connect to. The default is "21".
• protocol - The FTP protocol to be used. The default is "ftp" but you can also specify "sftp".
• uploadOnSave - Whether files should automatically be uploaded on save. The default is false.
• passive - Specifies whether to use FTP passive mode. The default is false.
• debug - Specifies whether to display debug information in an ftp-sync Output window. The default is false.
• privateKeyPath - Specifies the path to the private key for SFTP. The default is null.
• passphrase - Specifies the passphrase to use with the private key for SFTP. The default is null.
• ignore - An array of escaped regular expression strings specifying paths to ignore. If a path matches any of these regular expressions then it will not be included in the sync. Default values are "\\.git", "\\.vscode"and ".DS_Store".
• "generatedFiles": {
  • "uploadOnSave": true,
  • "path": "", [e.g.] "/build",
  • "extensionsToInclude": [] e.g. [".js", ".styl"] }

Ftp-sync: Sync Local to Remote

Displays a synchronization wizard to configure a sync operation that changes FTP files and folders to match project files.

Ftp-sync: Sync Remote to Local

Displays a synchronization wizard to configure a sync operation that changes project files and folders to match FTP files.

Ftp-sync: Commit

Commits reviewed list of changes made with Sync Local to Remote or Sync Remote to Local command.

FTP/SFTP 서버의 파일/디렉토리를 로컬 workspace 로 다운로드/업로드 할 수 있는 확장입니다.

링크 : https://marketplace.visualstudio.com/items?itemName=ruakr.ftp-kr

wprkspace 에서 ftp-kr Init 으로 초기화 합니다.

ftp-kr 기본 설정 입력

설정 완료후 ftp-kr Download All 을 통해 서버에 있는 파일/디렉토리를 다운로드 받을 수 있습니다.

ftp-kr List 명령어를 통해 원격 디렉토리를 둘러 볼 수 있습니다.

기본 명령어

• Real-Time FTP/SFTP synchronization(You can off it!)
• ftp-kr: Init - Starts up extension and generates ftp-kr.json.
• ftp-kr: Upload All - Upload all without same size files
• ftp-kr: Download All - Download all without same size files
• ftp-kr: Upload This - Upload this file.
• ftp-kr: Download This - Download this file.
• ftp-kr: Delete This - Delete file in remote server.

고급 명령어

• ftp-kr: Diff This - Diff this file.
• ftp-kr: Refresh - Rescan remote files.
• ftp-kr: Clean All - Cleaning remote files that not in workspace.
• ftp-kr: Run task.json - Run a batch task. It is auto generated and run by * All commands. You can use it with same syntax
• ftp-kr: Reconnect - Reconnect the server.
• ftp-kr: Cancel - Cancel current tasks
• ftp-kr: Target - Swaps the main server. For using with alternate servers
• ftp-kr: List - Browse remote directories.
• ftp-kr: View - View a remote file. used internally

Mongo Runner는 MongoDB의 인스턴스에 접속해서 기본 명령어를 입력하도록 도와줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=JoeyYiZhao.mongo-runner

다음과 같이 작업영역에 MongoDB 접속 설정을 합니다.

"mongoRunner": {
        "connection": {
            "url": "mongodb://localhost:27017",
            "activeOnStartUp": true,
            "user": "username",
        }
    }

Modern, elegant and accessible fork of Oceanic Next Color Scheme for Sublime Text.

링크 : https://marketplace.visualstudio.com/items?itemName=pawelgrzybek.gatito-theme