티스토리 뷰
안녕하세요 찐망고입니다.
오늘은 Visual Studio Code에서 ftp를 설치하여 연결하는 방법에 대해서 포스팅을 시작합니다.
다운로드 주소 링크입니다.
https://code.visualstudio.com/Download
Download Visual Studio Code - Mac, Linux, Windows
Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.
code.visualstudio.com
자주 쓰는 단축키 입니다.
VScode 단축키
드래그한 부분 동일 복사: Ctrl + D
드개르한 부분 전체 복사: Ctrl + Shift + L
탭이동: Ctrl + Tab
문장 단위 주석: Ctrl + /
라인선택: Ctrl + L
라인삭제: Ctrl + Shift + K
코드 접기: Ctrl + Shift + [, ]
작업창 패널 분리: Ctrl + ₩
일단 빨간 작은 네모 버튼인 EXTENSIONS을 눌러줍니다.
ftp-simple을 검색하여 설치 하면 되는데요~

혹시 확장 프로그램이 안보인다면 메뉴에서 꺼내줍시다
View > Apperance > Activity Bar Position > Side

설치가 끝나면 F1을 눌러 설치가 끝나면 F1을 눌러 ftp-simple : Config - FTP connection setting 검색 후 설치 합니다.

hots와 계정아이디, 비밀번호를 정확히 넣은 후 저장합니다.

다시 F1을 눌러 ftp-simple : Remote directory open to workspace를 설치 합니다.

아이디와 비번을 잘 입력했으면 디렉토리가 뜰거에요

와 쉽다~~ :)
'WEB > HTML이론' 카테고리의 다른 글
| 개인정보처리방침 (0) | 2023.07.21 |
|---|---|
| Form) Select요소 - 모바일기기에서 Select요소를 사용해야 할까? (0) | 2023.07.11 |
| 퍼블리싱 할 때 직접 사용해본 HTML에디터 종류 (0) | 2022.05.30 |
| 웹접근성이란? (0) | 2022.01.24 |
| inline요소와 block요소 (2) | 2021.12.12 |
- Total
- Today
- Yesterday
- 티스토리챌린지
- 구글머터리얼디자인
- 2024웹디자인
- 찐망고사주
- 웹디자인
- 웹디자인팁
- UI디자인
- JavaScript
- 디자인팁
- 피그마
- UX디자인
- 반응형웹
- 머터리얼디자인
- uiux
- ai사주
- 웹폰트
- seo
- CSS3
- 디자인시스템
- 웹표준
- 서비스기획
- 웹디자인개발기능사
- 바이브코딩
- 오블완
- figma
- 프론트엔드
- 웹접근성
- html
- 웹퍼블리싱
- css
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |