코드를 입력하여 vscode를 시작하십시오. 지금 환영 화면을 볼 수 있어야합니다 :
프로젝트 생성
현재 VSCODE 릴리스에서는 새로운 프로젝트를 만들 수있는 옵션이 없습니다. 그러나 기존 디렉토리를 프로젝트로 취급 할 수 있습니다. 그렇게하려면 코드의 명령 줄 인수로 디렉토리를 전달하기 만하면됩니다. 예를 들어, 디렉토리 ~/justanotherapp을 프로젝트로 취급하려면 다음을 입력 할 수 있습니다.
프로젝트가 아직 파일이 없으면 다음은 다음과 같습니다.
이제 프로젝트 이름을 클릭하여 새 파일과 폴더를 만들 수있는 버튼을 볼 수 있습니다.
IntelliSense를 사용하는
Intellisense는 자동 코드 완료 및 컨텍스트 인식 코드 제안과 같은 기능을 다루는 Microsoft에서 사용하는 우산 용어입니다. 이들은 특히 새로운 API 또는 라이브러리를 사용할 때 생산성을 높이는 데 정말 도움이됩니다. VSCODE의 현재 미리보기 릴리스에서 IntellISense는 JavaScript, CSS, HTML 및 기타 몇 가지 언어의 모든 플랫폼에서 제공됩니다. 이 튜토리얼에서는 Node.js 프로젝트에서 사용하는 방법을 보여 드리겠습니다.
Intellisense의 제안을 보려면 프레스 제어 공간 만 있으면됩니다. 예를 들어, 프로젝트의 package.json에서 Intellisense를 호출하면 사용 가능한 모든 필드가 나와 있습니다.
cd ~/VSCode
wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'
로그인 후 복사
로그인 후 복사
마찬가지로 JavaScript 파일에서 제어 공간을 누르면 특정 공통 클래스 및 객체에서 사용할 수있는 필드와 메소드를 볼 수 있습니다.
그러나 <suggest> 그러나 이러한 제안은 모든 수업에 사용할 수있는 것은 아닙니다. 예를 들어, Express 인스턴스에서 사용 가능한 필드와 메소드를 보려고하면 기본적으로 아무것도 찾을 수 없습니다.
</suggest></press></p> <p>
이 문제를 해결하려면 관련 TypeScript 유형 정의가 필요합니다. 이러한 정의를 얻으려면 NPM 모듈 인 TSD (Seforttyped의 Typection Definition Manager)를 사용할 수 있습니다.
<have> 아직없는 경우 다음을 사용하여 터미널에서 설치하십시오.
<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174002023432932.png" class="lazy" alt="Linux의 Microsoft Visual Studio 코드를 시작합니다" >
<your> 이제 프로젝트 디렉토리 내에서 TSD를 사용하여 원하는 유형 정의를 설치할 수 있습니다. 예를 들어, Express Framework의 유형 정의를 설치하려면 다음을 입력해야합니다.
</your></have></p>
<a> 이것은 프로젝트 내부에서 tsd.d.ts라는 파일을 입력이라는 디렉토리로 만듭니다. JavaScript 파일에 다음 코드를 추가하여 VSCODE 내부 에서이 파일을 참조하십시오.
<p>
<press> 이제 Control Space를 눌러 Express Framework에 속하는 객체에 대한 제안이 제공되는지 확인할 수 있습니다.<p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174002024297725.png" class="lazy" alt="Linux의 Microsoft Visual Studio 코드를 시작합니다" >
디버깅
대부분의 경량 코드 편집기에서 디버깅 지원이 없거나 플러그인의 도움으로 만 지원됩니다. 반면에 Vscode는 코딩 경험을 크게 향상시킬 수있는 내장 대화 형 디버거를 자랑합니다. Node.js 프로젝트에서 디버거를 처음 사용하려고하면 VSCODE는 다양한 구성 세부 정보가 포함 된 journ.json이라는 파일을 생성합니다. 이 파일은 프로젝트에 따라 몇 가지 변경이 필요할 수 있습니다. 이 구성에서 가장 중요한 필드는 이름과 프로그램입니다. 기본적으로 Name에는 값 app.js가 있으며 프로그램에는 값 app.js가 있습니다. 프로젝트의 파일과 일치하도록 변경해야합니다. 예를 들어, 프로젝트의 기본 파일의 이름이 app.js 대신 index.js 인 경우 junken.json은 다음을 포함해야합니다.
</p>
<out>는 Ubuntu (및 대부분의 다른 Linux 배포판 및 Mac OS X)의 Windows 상자에서 작동하지만 디버거가 작동하려면 Mono 3.10.0 이상을 설치해야합니다. 그것 없이는 디버거를 시작하려고 시도하면 실패합니다
<h2> </h2>
<latest> 최신 버전의 모노를 설치하려면 Ubuntu의 소프트웨어 소스에 새 PPA를 추가해야합니다. 터미널을 열고 입력하여 다음을 수행하십시오
<p>
<install> 이제 apt-get을 사용하여 모노를 설치할 수 있습니다
</install></p>
<a> 마지막으로, 내부 /usr /bin : 에 대한 모노 실행 파일에 대한 링크를 만듭니다.
<pre class="brush:php;toolbar:false">mkdir ~/VSCode로그인 후 복사
vscode로 돌아가서 디버그를 다시 시작하십시오. 작동하는 것을 볼 수 있어야합니다.
버전 제어 사용
모든 플랫폼에서 VSCODE는 GIT와 함께 버전 컨트롤을 지원합니다. 이 기능을 사용하려면 컴퓨터에 GIT를 설치해야합니다. Ubuntu에서는 터미널을 다시 열고 다음에 입력하여 GIT를 설치할 수 있습니다.
vscode로 돌아가서 도구 모음에서 GIT 버튼을 클릭하십시오. 새 저장소를 초기화하라는 메시지가 표시됩니다
일단 초기화되면 VScode는 커밋되거나 업데이트되어야하는 모든 파일을 보여줍니다. 커밋은 커밋 메시지에 입력하고 확인 표시를 클릭하는 것만 큼 간단합니다.
cd ~/VSCode
wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'
로그인 후 복사
로그인 후 복사
unzip VSCode-linux-x64.zip
로그인 후 복사
결론
이제 Ubuntu 시스템에서 Linux를 지원하는 Microsoft의 Visual Studio 제품군의 최초 개발 도구 인 Visual Studio Code를 설치하고 실행하는 방법을 알고 있습니다. 설정 프로세스는 약간 관여하지만 웹 개발에 최적화 된 매끄럽고 간소화 된 인터페이스를 경험하려면 시도해야합니다.
2015 년 5 월 현재 VSCODE는 여전히 미리보기에 있었으며 개선 사항과 새로운 기능이 몇 개월 안에 나타날 가능성이 높습니다. 업데이트는 설치가 쉽고 모든 플랫폼에서 동시에 사용할 수 있습니다.
이 안내서에 대한 질문이나 의견이 있으시면 알려주십시오. VSCODE를 이미 사용해 보셨습니까? 그렇다면 어떻게 생각 했습니까?
Linux의 Visual Studio Code에 대한 자주 묻는 질문 (FAQ)
비주얼 스튜디오 코드는 Linux와 호환됩니까?
예, Visual Studio Code는 Linux와 완전히 호환됩니다. 데스크탑에서 실행되며 Windows, MacOS 및 Linux에서 사용할 수있는 가볍지 만 강력한 소스 코드 편집기입니다. JavaScript, TypeScript 및 Node.js에 대한 내장 지원이 제공되며 C, C#, Python, PHP 등과 같은 다른 언어에 대한 풍부한 확장 생태계가 있습니다. Linux의 Visual Studio Code?
Linux에 Visual Studio Code 설치는 간단합니다. 공식 Visual Studio Code 웹 사이트에서 .deb 패키지를 다운로드하여 DPKG 명령을 사용하여 설치할 수 있습니다. 또는 Linux 배포 배포가 지원되면 Snap 패키지 관리자를 통해 설치할 수도 있습니다. Linux에서 C 개발에 Visual Studio Code를 사용할 수 있습니까? Linux에서 C 개발을위한 코드. Visual Studio Code의 C 확장을 설치하고 시스템에 GCC 또는 Clang을 설치해야합니다. C Extension은 IntelliSense, Code Navigation 및 Debugging 지원과 같은 기능을 제공합니다. 는 Visual Studio Code 오픈 소스입니까?
예, Visual Studio Code는 오픈 소스입니다. Microsoft에 의해 개발되고 유지되며 소스 코드는 Github에서 사용할 수 있습니다. 즉, 개발에 기여하거나 버그를보고하거나 소프트웨어 포크를 만들 수 있습니다. Linux에서 Visual Studio Code를 업데이트하는 방법은 무엇입니까? 코드 스냅 패키지 관리자를 통해 새 버전을 사용할 수있을 때마다 자동으로 업데이트됩니다. .deb 패키지를 통해 설치 한 경우 새 패키지를 수동으로 다운로드하여 설치해야합니다.
Python 개발을 위해 Linux에서 Visual Studio Code를 사용할 수 있습니까? 코드는 Linux의 Python 개발을위한 훌륭한 선택입니다. IntelliSense, Linting, Debging, Code Navigation, Code Cormatting, Jupyter Notebook Support, Refactoring 등과 같은 기능을 제공하는 Visual Studio Code 용 Python Extension을 설치해야합니다. Visual Studio Code는 Linux에서 원격 개발을 지원합니까? 예, Visual Studio Code는 원격 - SSH 확장을 통한 원격 개발을 지원합니다. 이를 통해 원격 기계를 로컬 컴퓨터 인 것처럼 사용할 수 있으므로 클라우드 기반 개발을위한 완전히 새로운 가능성 세트를 열 수 있습니다.
Linux에서 Visual Studio 코드의 모양과 느낌을 사용자 정의 할 수 있습니까? 예, 비주얼 스튜디오 코드는 Linux에서 매우 사용자 정의 할 수 있습니다. 테마를 변경하고 작업 공간 레이아웃을 사용자 정의하고 고유 한 사용자 정의 키 바인딩을 만들 수도 있습니다.
Linux에서 Visual Studio Code가 Git을 지원합니까? 예, Visual Studio Code는 내장 지원이 있습니다. Linux의 Git 용. 편집기에서 직접 GIT 작업을 수행하고 변경 사항의 차이, 단계 및 커밋 변경 등을 수행 할 수 있습니다.
Linux를 실행하는 Raspberry Pi에서 Visual Studio Code를 실행할 수 있습니까? Linux를 실행하는 Raspberry Pi에서 Visual Studio 코드를 실행할 수 있습니다. 공식 웹 사이트에서 사용할 수있는 Visual Studio Code의 ARM 버전을 설치해야합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
