반응형

VSCode  ftp 연결 확장프로그램 - ftp-simple

 

F1 누르고 Config - FTP connection setting 설정.

 

설정 후에 Remote directory open to workspace 선택하면 원격 디렉토리가 탐색기에 보인다. 

 

반응형
반응형

1. 작업영역 폴더 생성
   예시로 venv-test 폴더 생성했다.

2. 작업영역 폴더 vscode로 열기

3. 콘솔창 열기
   Ctrl + ` 키를 눌러 콘솔창(터미널)을 연다.

3. 가상환경 구성
   python -m venv  ./env 명령을 실행한다.


4. Interpreter 설정
   F1 키를 누른 후, python Select Interpreter 를 입력한다. 그 후 해당 항목을 클릭한다.


5. Interpreter 선택
   선택하면 Interpreter 목록이 표시되는데, 앞서 생성한 venv가 표시되는 것을 확인할 수 있다.

6. 코드 파일 생성
   예시 스크린샷에서처럼 코드파일( main.py )을 생성한 뒤, vscode에서 열면 스크린샷과 같이 "Linter pylint is not installed." 라는 메시지와 함께 pylint를 설치할 수 있도록 메시지 창이 표시된다. Install 버튼을 눌러 설치를 진행한다.

7. venv 터미널 확인
   전 단계에서 Install 버튼을 누르면 새로운 python 터미널이 생성됨과 동시에 pylint 설치가 진행된다.
   설치가 완료된 후, 별도의 activate 과정없이 해당 터미널에서 가상환경에 필요한 패키지를 설치하면 된다.

추가적으로, vscode를 다시 열면 가상환경이 잡히지 않은 터미널(cmd)이 열려 있게되지만, + 버튼을 누르면 생성되는 터미널은 가상환경으로 자동 설정된다.


일일히 설정했을때 발생했던 debuging을 사용할 수 없는 문제도 발생하지 않는다.

반응형
반응형

Visual Studio Code에서 FTP로 remote(원격)서버 연동하기

 

 

Visual Studio Code를 켜고 좌측 메뉴중 제일 밑에있는 확장버턴을 눌러준다. F1키를 눌러서 검색해도 된다.

검색창에 ftp-simple이라고 검색해본다.

 

설치버튼을 클릭하여 설치를 진행한다.

설치가 완료되면 다시 F1키를 눌러 ftp-simple을 검색한다.

[펌] gangnam-americano.tistory.com/26

반응형
반응형

날짜시간 입력하는 단축키 : Ctrl + Shift + I 

 

https://marketplace.visualstudio.com/items?itemName=jsynowiec.vscode-insertdatestring

 

Insert Date String - Visual Studio Marketplace

Extension for Visual Studio Code - Insert the current date and time according to configured format.

marketplace.visualstudio.com

반응형
반응형

Visual Studio Code 확장기능 설치하기 

 

구분

확장기능 이름

설명

비고

필수공통

Debugger for Chrome

Chrome과 연계한 디버거. 로컬PC 환경에서 곧바로 Chrome 브라우저를 실행시켜 웹페이지를 볼 수 있게 해줍니다.

 

ftp-sync

원격지의 소스코드를 FTP/SFTP 전송 및 동기화 시켜줍니다.

 

Git History

Git 로그, 파일의 변경내역 및 커밋 시 차이점을 비교하여 보여줍니다.

 

HTML Snippets

HTML5, 태그 색상화, 코드 스니펫 등을 지원합니다.

동일한 이름의 확장기능 이름이 있는데, 개발자명이 wgenial인 것으로 설치해야 합니다.

HTML CSS Support

HTML 문서의 CSS를 지원합니다. 추가적으로 PHP 내의 HTML측 CSS, Javascript 등도 지원합니다.

 

vscode-icons

VSCode 편집기의 목록 등에 표시되는 가독성 좋은 아이콘을 적용시켜줍니다.

 

PHP

PHP Debug

PHP의 자체 모듈인 XDebug와 연동하여 PHP를 디버깅 해줍니다.

로컬PC에 PHP가 설치되어 있어야 합니다.

PHP IntelliSense

좀 더 개선된 PHP 인텔리센스를 지원합니다.

로컬PC에 PHP가 설치되어 있어야 합니다.

PHP Extension Pack

위의 PHP Debug와 IntelliSense가 통합된 기능이며, 이거 하나로 Debug, IntelliSense 모두 설치됩니다.

로컬PC에 PHP가 설치되어 있어야 합니다.

PHP Intellisense for codeigniter

PHP CodeIgniter 웹 프레임워크를 위한 코드 인텔리센스를 지원합니다.

 

ci-snippets2

PHP CodeIgniter 웹 프레임워크를 위한 코드 스니펫을 지원합니다.

개발자명이 Anish-M인 것을 설치합니다. (ci-snippets 0.0.2 버전은 구버전임)

Node.js

Node Exec

작성 중인 Node.js 파일 또는 특정 선택된 코드를 Node.js를 이용하여 실행시켜줍니다.

로컬PC에 Node.js가 설치되어 있어야 합니다.

Node.js Extension Pack

Node.js의 npm, JavaScript(ES6), node_modules 검색, NPM 인텔리센스 등을 지원합니다.

로컬PC에 Node.js가 설치되어 있어야 합니다.

Node.js Modules Intellisense

Node.js에서 require로 포함된 모듈에 대한 막강한 인텔리센스를 지원합니다.

 

[출처] VSCode 설치 및 설정하기|작성자 아르미즈

반응형
반응형
Node.js debugging in VS code


https://youtu.be/2oFKNL7vYV8
반응형

+ Recent posts