본문은
안녕하세요.👋 어서 오세요.여기서 Ruby 및 Ruby On Rails의 Visual Studio 코드를 개발하는 방법을 학습합니다.VS 코드는 내가 선택한 편집기로 개발 전 세계에서 점점 유행하고 있다.2019년 자신Atom extension called Nuclide을 만든 페이스북마저 귀신이 곡할 노릇이다.
그리고 다른 유행하는 루비와 루비 온 레일스 편집기도 있는데 switched to VSCode에서 보듯이 Ruby 2019 State of the developer ecosystem.만약 당신이 사용한 적이 있다면, 평론에서 저에게 알려주세요.
RubyMine
VS 코드의 확장은 루비와 라일스와 관련된 것이 많다.내가 다 해 봤는데, 이 게시물이 바로 여기에 있다. 그러면 너는 10개의 다른 블로그에서 적당한 블로그를 찾을 필요가 없다.
이제 VS 코드를 구성합시다!
디렉토리:

Ruby and Ruby On Rails VS Code extensions

endwise

Ruby Solargraph

Gem Lens

Configuration strategy for teams

Suggesting extensions

Workspace settings

Missing features

기타 유용한 VS 코드 확장 Ruby 및 Ruby On Rails 및 코드 확장

Ruby와 Rails 개발은 제가 유일하게 사용하는 확장입니다.현재, 그것들은 나에게 가장 좋은 설정을 제공했다.

우리는 필요한 곳에 현명하게 end 블록을 추가하기 위해 확장을 시작했다.나는 이것이 VS 코드에서 기본적으로 실현되어야 한다고 생각하지만 사실은 그렇지 않다.그 모양은 다음과 같습니다.
endwise

이제 무거운 것 좀 봅시다.만약 VS 코드가 무서운 자바스크립트가 자동으로 완성되는 것에 익숙해졌다면, Solargraph와 VS 코드 확장을 좋아할 것이다.
Solargraph는 MicrosoftRuby Solargraph를 통해 스마트 감지 기능을 제공하는 루비젬이다.
solargraph.org
Solarograph는 더 많은 일을 할 수 있습니다. 저는 이 하는 보푸라기와 자동 포맷을 특히 좋아합니다. 참고:
RuboCop
Solargraph 기능을 사용하려면 파일에 의존 항목을 추가해야 합니다.

gem 'solargraph', group: :development

RuboCop 기능을 사용하려면 다음과 같은 의존성을 추가해야 합니다.

gem 'rubocop', group: :development

마지막으로, 당신은 계속 할 수 있습니다.

Solargraph를 보다 지능적인 트랙 코드 라이브러리로 구성

이 확장은 Gemfile 에서gem의 설명과 최신 버전을 빠르게 보려면 매우 유용합니다.보기:
Gem Lens

팀 구성 정책

개발자로서, 나의 목표는 나의 편집기를 가장 잘 설정하는 것이지만, 이 설정이 프로젝트에 저장되어 다른 개발자가 사용할 수 있도록 확보하는 것이다.때로는 상처를 입힐 수도 있지만, 같은 항목의 모든 참여자에게는 같은 편집기와 설정을 사용하는 것이 좋다.따라서 10개의 다른 편집기를 설정해서 선별하고 포맷하는 것이 아니라 프로그램 구축에 전념할 수 있습니다.
VS 코드는 다음과 같은 간결한 기능을 제공합니다.

권장 연기

일부 설정 자동 적용

이것들은 모두 를 통해 완성된 것이기 때문에 우리는 그것을 사용할 것이다.
프로젝트에 .vscode 폴더만 만들면 됩니다.
VS Code workspace settings

제안 연기

앞서 살펴본 세 가지 확장에 대해 살펴보겠습니다.
.vscode/extensions.json

{
  "recommendations": [
    "kaiwood.endwise",
    "ninoseki.vscode-gem-lens",
    "castwide.solargraph"
  ]
}

VS 코드에서 항목을 여는 사람은 누구나 볼 수 있습니다.

작업공간 설정

VS 코드에서 항목에 대한 일부 설정을 강제로 실행할 수도 있습니다.일반적으로 다음을 위해 이러한 작업을 수행합니다.

새로운 환경을 손쉽게 설치/새 팀 구성원

모든 연속 통합 시스템에서 기본적인 linting/formatting을 쉽게 실시할 수 있다.다음은 내가 본 세 가지 확장과 관련된 설정이다.

.vscode/설정json

{
  "files.associations": {
    "*.html.erb": "html"
  },
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "editor.formatOnSave": true,
  "solargraph.autoformat": true,
  "solargraph.diagnostics": true,
  "solargraph.formatting": true
}

Solargraph를 설정하면 linting과 자동 포맷, 그리고 .html.erb 자동 포맷이 진행됩니다.

부족한 기능

현재 .*.erb 파일의 linting, 문법적 하이라이트 디스플레이, 자동 포맷 상태가 조금도 좋지 않습니다.그래서 나는 이 파일들을 출력 형식 (HTML, CSS) 으로 간주하는 간단한 해결 방안을 선택했다.최종적으로 와 그Prettier가 가장 좋은 선택이 될 수 있으나 지금까지Ruby plugin.

포맷을 지원하지 않습니다.html。직원 재교육국 기타 유용한 VS 코드 확장

다음은 내가 사용하고 설치한 확장자입니다.

DotENV

EditorConfig for VS Code

File Utils 본문 캡처에 사용된 주제.그리고 제가 매일 쓰는 거

GitHub Plus Theme

gitignore

GitLens

Heroku

Local History

Settings Sync

🔚 이렇게!
네가 없어서는 안 될 확장이 있는데, 특히 Rails?나에게 메시지를 남겨라, 나는 이 댓글을 업데이트할 것이다!
읽어주셔서 감사합니다. 이 글을 좋아하신다면 다른 사람과 공유하세요.

빈센트 워예
@vvoyer

👋 오늘 아침 출판:👩‍💻 VS 코드Travis CI Status에서 Rails 개발에 필요한 세 가지 확장
2019년 12월 2일 오후 13:29
dev.to/vvo/the-three-…