VS 코드 (비주얼 스튜디오 코드) VSC 편집기 (마이크로 소프트, JS 개발 편집기를 생산)

A.이 프로그램의 효율성을 향상시킬 수있는 적절한 편집기를 선택

代码编辑器的选择,可以说是开发者社区中一个经久不衰的话题,现今编辑器的数量数不胜数,vim,sublime Text,Emacs,Atom等等,那么对于一个开发者而言,挑选一个合适的编辑器是可以有效的提高编程效率;

에디터를 선택하면, 세 가지 요인을 고려해야합니다 :

텍스트 편집기를 선택합니다,의 프로그래밍 요구 사항에 얼마나 높은 코드의 효율성;

2. 구성이 복잡 방법, 프로그래밍 에디터 음성 지원을 선택합니다;

3. 지역 사회의 환경 어떻게 플러그인 편집기, 활성 여부를 선택합니다;

VSCode은 : 무료, 오픈 소스, 고성능, 크로스 플랫폼은 경량 코드 편집기, 같은 시간에, 성능, 언어 지원의 측면에서 오픈 소스 커뮤니티도 아주 좋은 일을했다입니다!

II. 과학 편집기, 결국 무엇을 배워야한다

단지 시간의 시작과 유사한 프로그래밍 언어를 학습 등의 편집기의 학습은 처음부터이 언어 학습 콘텐츠의 마무리, 학습 과정,하지만 일부 작은 문법에 공식 문서에서 수 있으며, 프로그래밍 언어에 익숙하지 않은 그것은 당신이 문법을 마스터 한 후, 당신은 학습의 시작 부분에 발생 도트 구문 문제가 그렇게 중요하지 않은 것을 발견 할 것이다 완료, 학습의 진행에 영향을 미칠 수 있습니다.

다른 프로그래밍 언어를 배우고 싶어요, 당신은, 세계에서 언어를 이해하지 않도록, 언어를 배우는 학습의 첫 번째 방법은 더 이상 마음에 따라 때, 프로그래밍 언어를 마스터 a의 설립 "학습 프레임 워크입니다."

사실, 새로운 프로그래밍 언어는 종종 기존의 언어를 해결하기 위해 짧은 보드입니다,하지만 당신은 자신의 "학습 프레임 워크"의 첫 번째 세트의 언어를 배우는 구축 할 수 있다면 그 성격은 사실 많이 변경되지 않았습니다 그리고 더 효율적입니다 새로운 언어를 배울 수 있습니다.

동시에, 편집기를 배우고, 또한 언어를 편집 할 학습. 도구를 사용하는 경우, 당신은 그것에서 좋은 일을하기 위해 수행하는 데 사용하고, 할 수없는 무엇인가에 대해 가장 걱정해야, 즉, '제한'이 도구의 '한계'를 말한다

첫째, 우리는 먼저 '하한'어떤 에디터를 찾습니다

1. 선택 바로 가기 :

우리는 먼저 에디터 여부를 고려해야하고 시스템이 바로 가기 키를 제공 할 때 충돌이 될 것 바로 가기 키를 사용하여,
둘째, 다른 개발 툴에 키 조합 바로 가기 참조, 사용자의 습관에 맞게,
마지막으로, 그리고 가장 중요한 것은, 우리는보고있다 통일에 대한 바로 가기 키가 있는지;
配置的统一性:Shift键只能用于控制文本选择,Ctrl或者Cmd键只能当做辅助键,Tab用于控件之间的跳转等。

2. 프로그래밍 언어 및 지원 프레임 워크 :

당신이 편집기를 선택하면, 우리는 프로그래밍 언어는 구문 강조가 올바른지 사용해야하는 케이스를 지원하는 방법을 고려할 필요가 자동으로 코드를 직접 디버깅이나 테스트를 실행할 수 있습니다 완료 할 수 있습니다;

3. 지원 워크 플로우(工作流:是对工作流程及其各操作步骤之间业务规则的抽象、概括描述。)

마지막 요인은, 선택의 편집기입니다 (예 : 빔 편집기로 작업 흐름을 지원 http://www.runoob.com/linux/linux-vim.html 당신이 경우, 탐색기를 보유하고 있지 않습니다) 빔 파일 트리를보고 싶은 신속하게 적절한 플러그인을 설치해야합니다 파일로 전환,하지만 지금은 편집자의 대부분은 탐색기에 직접 통합되어, VSCode 버전 관리와 함께 제공, 버전 관리라고 할 수 재개발 과정 중요한 위치에있는 정체성,하지만 바로 그것으로 개발 툴을 통합 몇 가지 테스트 기능이 수요는 사람들이 매일 개발하는 것이 필요하다고 생각 있도록 아니다;

그런 다음, 우리는 그것이 '상한'의 편집자라고 :

편집기 사용자가 플러그 - 인 기능을 사용자 정의에 쓸 수 있다면, 그것은 '캡'높은 곳입니다. 이클립스는 어떤 기능을 수정할 수있는 도구와 같은, 그들은 '상한'이론은 무한하지만,이 높이를 알 수없는에서이 문제의 편집자, 또는 지역 사회와 개인의 요구의 확대는 달성 할 수있다.

이클립스는 가장 인기있는 자바 편집기의 하나입니다, 자바 프로그래밍 언어 플러그인 또한, 플러그인 사회는 여전히 매우 활성화되어,하지만 이클립스 플러그인, 그것은 이클립스에 영향을 미칠 것입니다 플러그인 성능 걱정하면, 메인 프로그램을 실행할 수 있도록 자신의 경험.

VSCode 플러그인 개발 언어는 대부분의 사람들이 커뮤니티 활동에 대한 VSCode 플러그를 위해, 그래서 얼마나 많은 JS에 대해 쓸 것 또는 걱정하지 않는 많은 사람들을 위해 쓰기 확장에는 한계가 주로 고려하는,하지, 자바 스크립트입니다 어떻게 이클립스 구덩이에 뛰어 방지 할 수 있습니다.

내가 필요 물론, 학습의 방향을 고려하는 경우에 우리가 다음 편집기를 선택할 수 있습니다 생각 '상한'과 '한계'요소의 편집기에 대한 가장 중요한 것은 더 손에있다;

III. 약 VSCode

VSCode(Visual Studio Code):它是一个免费的,开源的跨平台编辑器。之所以强调‘编辑器’,可能是VSCode并无意成为一个全尺寸的集成开发环境,也就是IDE。
它是由Erich Gamma把Monaco Editor移植到桌面平台上,成为了现今的VSCode。

많은 사람들이 IDE에 편집자와 동등한 간주, 그것은 아니다. 지원에 집중하는 등 디버깅, 테스트 및 그래픽 인터페이스를 제공하면서 프로그래밍 경험에 IDE 더 강조, 코드를 잘 이해하고 있습니다. 따라서 성가신 나타날 수 있습니다;

에디터가 상대적으로 가벼운 무게, 파일이나 폴더, 언어 지원에 초점을 더 풍부하고 무료 워크 플로우입니다 VSCode 위치는 편집기, 이에 한정되는 것은 아니다.

오픈 소스 개발 플랫폼 :

첫째, MIT의 우리가 VSCode의 핵심 코드 무료, 지역 사회에 기반을 둔 VSCode 코드, 자신의 제품을 개발할 수 있습니다 얻을 수 있다는 것을 의미 라이센스 (오픈 소스 중국) 오픈 소스에 VSCode 소스 코드를 종종 잘 알려진 프로젝트에서와 VSCode 귀중한 경험을 그립니다.

개발 계획을 사용하여 각 사용자가 GitHub의에 개발 진행 VSCode을 이해할 수 있도록, GitHub의 테스트를하면서 둘째, VSCode 소스 코드는 GitHub의에서 호스팅되는 사용자의 개발은, 당신은 더 나은 제품을 이해할 수있다.

또한, VSCode가 지원 타이프 라이터와 Node.js를 함께 제공, 사용자가 즉시 VSCode 자바 스크립트 스마트 얻을 및 팁을 nodejs 다운로드 할 수 있으며, 모든 구성 디버깅 nodejs없이, 그러나 VSCode 팀은 모든 언어에 능숙하지 않습니다, 그 언어에 익숙하지 않은 위해 이렇게, VSCode 방법을 지원하기 위해? 가장 좋은 방법은 전문적인 사람들이 할 수 있도록, 그래서 각 언어 더 지원 될 수 있도록 VSCode는 프로그래밍 근로자 (즉, 언어 서버 프로토콜 및 코드 디버깅 프로토콜)를위한 통합 API를 제공한다.

VSCode 학습 가이드

자신의 키보드 단축키를 1.VSCode, 당신은 바로 가기를 학습에서 지원하는 핵심 편집기의 기능을 이해할 수있다. 한편, VSCode 사용자가 더 나은 VSCode을 사용할 수 있도록 사용자 정의 단축키를 할 수 있습니다. VSCode 마우스 커서와 더, 검색 자동 완성, 코드 조각 등 쉽게 구할 수에 대한 포괄적 인 지원을하고있다.

2. 편집기 영역에 추가하여 테이블, 작업 공간, VSCode을 사용하는 방법을 배우게 등 Explorer와 같은 많은 다른 기능이 있습니다. 크로스 문서 검색, 관리 및 기타 플러그인, 그들은 통일 된 인터페이스를 구성, 그것은 테이블,이 테이블 디자인 워크 플로우의 VSCode 선택을 나타냅니다. VSCode 내장 된 소프트웨어 버전 관리, 터미널 에뮬레이터, 디버거 등, 효율성을 향상시킬 수 있습니다.

3.VSCode는 사용자 정의하고 플러그인을 개발, 그래서 더 잘 이해 VSCode을 향상시키기 위해, 자신의 요구를 충족하기 위해, 자신의 아이디어를 시도 할 수 있습니다;

4. 시계는 매달 업데이트 로그, 공식 블로그 VSCode 관심을 출시;

위의 단계를 통해, 더 나은 업무의 효율성을 향상, 좋은 VSCode를 사용합니다.

요약 : 또한 자신의 단점, VSCode 성능, 언어 지원, 지역 사회가 아주 좋은를 해결하는 동안 위치 VSCode는, 경량 코드 편집기는 이클립스 좋은 도구의 많은 장점을 결합;

VSCode 업데이트 로그 : https://code.visualstudio.com/updates/v1_27

VSCode 공식 블로그 : https://code.visualstudio.com/blogs/2018/09/12/engineering-with-azure-pipelines

VSCode 커뮤니티 : https://code.visualstudio.com/community

IV. 빠른 시작 VSCode

설치 및 버전 선택

VSCode는 두 개의 유통 채널을 가지고 공통의 안정 버전이며, 매월 주요 버전을 출시, 다른 하나는 발표 금요일 오전 6시에 내부, 월요일이며, 또한 VSCode 버전은 내부 팀을 사용 목적은 더 나은에있다 발견 버그. Microsoft는 내부 이러한 접근 방식에 대한 특별한 용어가있다 : (자신의 개밥을 먹는) 자신의 개 사료를 먹는다.

VSCode 존재하는 세계에서 내부자 버전의 사용에 대한 만오천 사용자가 있습니다. 그러나 새로운 VSCode에, 안정 버전은 상대적으로 적합 할 것이다. 이미 시간 VSCode 기간을 사용하는 경우, 당신은 내부를 시도 할 수 있습니다. 이 버전의 사용은 즉시 최신 기능을 사용할 수 있기 때문에 안정 버전이 나중에 그 달에 발표 될 예정으로 가능한 한, 일반적으로 VSCode 새로운 기능은 몇 시간 동안 실행으로, 내부에 줄을 먼저합니다. 큰 변화는 두 달 동안 실행할 수 있습니다 후 안정 버전을 밀어 것입니다.

다음으로, 새로운 기능은 종종 미숙 추가, 내부는 새로운 기능에 대한 의견과 제안을 볼 수 GitHub를 처음으로 사용 할 수 있으며, 심지어 코드를 제공 할 수 있습니다.

VSCode를 다운로드하고 설치합니다 :

공식 웹 사이트 : https://code.visualstudio.com

초기 사용 VSCode

VSCode第一次启动的时候会显示一个‘欢迎使用’页,主要是为了方便快速打开文件,文件夹以及访问历史文件,更换主题色,更换快捷键等:

 
초기 사용 인터페이스

이 인터페이스는 당신이 관심을 가질만한 많은 기능을 가지고 있습니다 :

1. 명령 패널 :

우리는 수도 있고 Ctrl 키를 + 명령 패널 VSCode 바로 가기 키 F1을 열고 키 (맥 + Shift + P에 Cmd를) + P 시프트. !

 
명령 패널

한 친숙한 명령 패널로, 당신은 마우스를 키보드 완전히 완료 코딩을 사용할 수 있도록 VSCode는 명령 패널에서 대부분의 명령을 찾을 수 있습니다.

2. 인터페이스 개요 :

이름과 바로 가기 키의 다른 부분에 배치 VSCode 기본 인터페이스를 제공합니다. VSCode은 더 마우스를 강조하지 않지만,이 인터페이스는 단지이 고통 점을 해결하기 위해 바로 가기 키 고충이 많은 초보자 될 것입니다 기억하십시오.

 
인터페이스 개요

3. 대화 형 연기 분야 :

이 인터페이스를 열고, 우리는 상호 작용하는 다양한 예제를 통해, 일부 고급 코드 편집 기능을 사용하는 방법을 보여줍니다 영어 자습서를 많이 볼 수, 각 기능은 조각 편집기를해야합니다 우리의 사용이 될 수 있습니다.

 
인터랙티브 플레이 필드

다섯 .VSCode 바로 가기

커서를 이동

1.option + ← : 전면 단어로 이동;

2.option + → : 대부분의 단어의 끝으로 이동;

3.option +하는 화살표 키 다음 단어로 이동 유닛;

4.cmd + ← : 현재 행의 상단으로 이동;

5.cmd + → : 현재 줄의 맨 끝으로 이동;

6.cmd + Shift + \ : 중괄호 사이의 이동;

7.cmd + 다운 키를 제 문서의 마지막 행으로 이동한다;

텍스트 선택

즉, 선, 문서와 동시에 텍스트를 선택 커서를 이동하는 커서 조작 Shift 키를 바탕으로;

삭제

删除当前选中文本内容(Windows:home+shift;macOS:cmd+left+shift)

1.cmd + 백 스페이스 : 현재 커서 라인 이후의 모든 문자를 삭제;

2.cmd + 삭제 : 커서 전에 모든 문자를 삭제;

3.option + 삭제 : 삭제 현재 커서 문자 앞의 단어를;

4.option + 백 스페이스 : 커서 아래 현재 단어 후 문자를 삭제;

사용자 정의 키보드 단축키

명령 패널을 열고 (F1 또는 Ctrl + Shift + P), '열기 키보드 바로 가기'검색 교체하거나 바로 가기를 제거 할 수 있습니다;

 
사용자 정의 키보드 단축키

고급 여섯 .VSCode 바로 가기

1.cmd shfit + K + : 코드의 현재 행을 삭제;

2.cmd + X : 코드 줄 컷;

3.cmd + 입력 : 현재 행 위에 새 행을 추가;

4.option + '화살표 키': 현재 행 또는 코드 현재 선택된 편집기의 몇 줄은 위아래로 이동;

5.option + shift +‘上下方向键’:向上向下复制当前行;

移动代码行,代码缩进发生改变

添加注释

1.cmd + / :注释一行代码;

2.option + shift + A :注释一整段代码;

格式化代码

1.option + shift + F :格式化代码;

2.cmd + K cmd + F :格式化选中行代码;

3.cmd + shift + P :代码缩进;

七.文件、符号、代码之间的快速跳转

1.Ctrl + Tab(同时按住),继续按着Ctrl键,松开Tab键 :打开当前打开文件的列表,选择要打开文件,松开Ctrl就能打开对应文件;

2.Ctrl + P :打开最近打开文件列表,同时列表顶部出现搜索框,搜索文件名,回车(Enter),可以再当前窗口打开对应文件;使用Cmd + Enter会在新的编辑器窗口打开这个文件。

3.Ctrl + g :行跳转,输入对应数字回车,可以跳转到当前文件的当前行。

4.Ctrl + p(输入文件名 + “:” + 行数):跳转到指定文件的指定行数。

5.Cmd + shift + O :调出当前文件的符号(函数名等),使用方向键或者搜索,回车,就能跳转到你想要的符号;如果输入“:”可以对当前文件的所有符号进行分类;

6.Ctrl + T :打开多个文件,搜索多个文件中的符号;

7.F12:跳转到函数的定义处;Cmd + F12 :跳转到函数的实现位置;注:js中没有接口的概念,定义和实现是相同的,所以js中的F12和Cmd + F12效果是一样的;

8.Shift + F12 :打开函数引用的预览(把光标放在函数或者类上,按Shift+F12可以打开一个引用列表和内嵌编辑器)

八.VSCode中的鼠标操作

1.在VSCode中,单击鼠标左键:把光标移动到响应的位置;双击鼠标左键:将当前光标下的单词选中;三击鼠标左键:选中当前行代码;四次点击鼠标左键:选中整个文档。

2.鼠标左键单击行号:直接选中所在行;按住鼠标左键再行号上下移动:可以选中多行代码;

3.拖动选中的代码,按住鼠标左键,移动鼠标可以改变代码位置;如果想在拖动时复制一份代码,可以按住Ctrl键,操作结果就能从原来的“剪切+复制”变成“复制+黏贴”。

4.VSCode中,如果鼠标拥有中键,只需要按下鼠标中键,然后对着一段文档拖出一个框,再框中的代码就被选中了,而且每一行选中的代码,都有一个独立的光标。

5.悬停提示窗口:当鼠标移动到某些文件上之后,一会就会显示跟鼠标下文本相关的信息;如果鼠标放在某个函数上,按下Ctrl时,则能再悬停提示的窗口上看到该函数的实现。

6.代码的跳转和链接:如果我们把鼠标放在函数上时,函数下方会出现一个下划线,然后当我们按下鼠标左键时,就能跳转到该函数的定义处。
当我们再编写Markdown这样的非编程语言的文档时,通过Ctrl+鼠标左键能打开超级链接。

추천

출처www.cnblogs.com/best-coder/p/11550305.html