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 ) 를 참고하세요.