VSCode 로 개발하기

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

원격 파일(Azure, Dropbox, S3, SFTP, FTP or Slack 와 같은)을 로컬 파일 같이 처리하기 위한 멀티 프로토콜을 지원합니다.

링크 : https://marketplace.visualstudio.com/items?itemName=mkloubert.vscode-remote-workspace

새로운 Visual Studio Code FileSystem API 의 다중 프로토콜 지원. 특히 로컬 파일 같은 원격 파일 처리에 적합합니다.

사용 방법

GUI에서 .code-workspace를 사용하여 파일을 작성 (또는 갱신) 하고여십시오 File >> Open Workspace....

{
    "folders": [{
        "uri": "sftp://my-user:my-password@example.com?debug=1",
        "name": "My SFTP folder"
    }]
}

.code-workspace 파일을 만든 적이 없다면 홈 디렉토리의 새 폴더 (예 : "VSCodeworkspace")로 시작할 수 있습니다. 제공된 json 파일을 새 파일로 복사하십시오. 그런 다음 VSCode GUI 를 사용하여 해당 파일을 엽니다 File >> Open Workspace....

매개 변수 정보

매개 변수는 key-value-pair 로 URI 의 설정이어야 하며 .code-workspace 파일의 settings 섹션에는 설정되지 않아야 합니다.

SFTP 연결의 debug 를 1로 설정하려면 다음과 같이하십시오 .

{
    "folders": [{
        "uri": "sftp://myUser:myPass@example.com?debug=1",
        "name": "My SFTP folder"
    }]
}

명령

F1을 누르고 다음 명령 중 하나를 입력하십시오 :

로그

로그 파일은 .vscode-remote-workspace/.logs 사용자 홈 디렉토리의 하위 폴더에 하루 단위로 저장됩니다.

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

ftp/sftp 동기화 확장입니다.

링크 : https://marketplace.visualstudio.com/items?itemName=liximomo.sftp

매우 강력하고 스마트한 기능. 매우 간단하고, 세 줄의 설정 만 필요합니다! 매우 빠르며 눈 깜짝할 사이 끝납니다.

Features

• 원격 탐색기로 원격 브라우저
• 로컬 및 원격 비교
• 디렉토리 동기화
• 업로드 / 다운로드
• 저장시 업로드
• 파일 감시자
• 다중 구성
• 전환 가능한 프로필

Example Configs

Password Free

{
  "host": "host",
  "username": "username",
  "remotePath": "/remote/workspace"
}

Profiles

{
  "username": "username",
  "password": "password",
  "remotePath": "/remote/workspace/a",
  "watcher": {
    "files": "dist/*.{js,css}",
    "autoUpload": false,
    "autoDelete": false
  },
  "profiles": {
    "dev": {
      "host": "dev-host",
      "remotePath": "/dev",
      "uploadOnSave": true
    },
    "prod": {
      "host": "prod-host",
      "remotePath": "/prod"
    }
  },
  "defaultProfile": "dev"
}

Note： context and watcher are only avaliable at root level.

Use SFTP: Set Profile to swtich profile.

Multiple Context

[
  {
    "name": "server1",
    "context": "/project/build",
    "host": "host",
    "username": "username",
    "password": "password",
    "remotePath": "/remote/project/build"
  },
  {
    "name": "server2",
    "context": "/project/src",
    "host": "host",
    "username": "username",
    "password": "password",
    "remotePath": "/remote/project/src"
  }
]

Note： name is required in this mode.

Connection Hopping.

You can connection to a target server through a proxy with ssh protocol.

Note： Variable substitution is not working in a hop config.

Single Hop

local -> hop -> target

{
  "name": "target",
  "host": "targetHost",
  "username": "targetUsername",
  "privateKeyPath": "~/.ssh/id_rsa",
  "remotePath": "/path/in/target",
  "hop": {
    "host": "hopHost",
    "username": "hopUsername",
    "privateKeyPath": "/Users/hopUsername/.ssh/id_rsa" // The key file is assumed on the hop.
  }
}

Multiple Hop

local -> hopA -> hopB -> target

{
  "name": "target",
  "host": "targetHost",
  "username": "targetUsername",
  "privateKeyPath": "~/.ssh/id_rsa",
  "remotePath": "/path/in/target",
  "hop": [
    {
      "host": "hopAHost",
      "username": "hopAUsername",
      "privateKeyPath": "/Users/hopAUsername/.ssh/id_rsa"
    },
    {
      "host": "hopBHost",
      "username": "hopBUsername",
      "privateKeyPath": "/Users/hopBUsername/.ssh/id_rsa"
    }
  ]
}

Config in User Setting

You can use remote to tell sftp to get the config from remote-fs.

In User Setting:

"remotefs.remote": {
  "dev": {
    "scheme": "sftp",
    "host": "host",
    "username": "username",
    "rootPath": "/path/to/somewhere"
  },
  "projectX": {
    "scheme": "sftp",
    "host": "host",
    "username": "username",
    "privateKeyPath": "/Users/xx/.ssh/id_rsa",
    "rootPath": "/home/foo/some/projectx"
  }
}

In sftp.json:

{
  "remote": "dev",
  "remotePath": "/home/xx/",
  "uploadOnSave": true,
  "ignore": [".vscode", ".git", ".DS_Store"]
}

Remote Explorer

자세한 설정 및 명령어는 WIKI ( https://github.com/liximomo/vscode-sftp/wiki ) 를 참고하세요.

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