개발 환경을 fish + vs code로 해 보았습니다.

8645 단어 fishVSCode

소개



개발에도 익숙해져 ターミナル + bash + sublime 의 환경이었던 개발 환경을 iterm + fish + vscode 기사와 스스로 넣어 보고 편리했던 것의 소개를 하고 싶습니다.

iterm 도입



처음부터 들어있는 터미널을 사용하고 있었습니다만, 화면의 세로 분할을 편하게 하고 싶었으므로, iterm으로 환승했습니다.
적절하게 다운로드 설치

fish, fisherman 소개



여기를 참조하여 소개했습니다. 고마워요.
htps : // v.ぁsss d. jp / e tc / fu sh-sh ㅇ l ぃ ふぇ /
이전부터.

fish는 환경 변수를 쓰는 방법이 다르므로 다음과 같이하십시오.

bash_profile
export PATH=$PATH:/usr/local/bin

이런 식으로 설정하면 다음과 같이

config.fish
set -x PATH /usr/local/bin $PATH

로 설정

또, 루비 환경의 사람에 대해서는 아래의 기사를 참고로 해 주면 됩니다.
htps : // 이 m / 반에 q / ms / 6b1362 d32b458 에 f441 에

VS 코드 도입



다운로드는 이쪽으로부터
htps : // 여기.ゔぃ ああ ls つぢ오. 코m/

설치가 완료되면 시작해 봅니다.
그러면 일본어로 아래와 같은 화면이 표시되고 있다고 생각합니다.

제 경우에는 일본어 표시라면 사용하기 어려운 생각이 들었으므로 영어 표시로 설정합니다.
vscode에서는 명령 조작이 가능하고 그 기능을 사용하여 설정을 진행합니다.
peco + cmd + shift 를 누르면 화면 상단에 명령 팔레트가 표시됩니다.
② 여기에 P 라고 입력합니다.

③ 표시된 command 중에서 language를 선택합니다.
④ 열린 설정 파일(locale.json)의 locale을 Configure Language → 'en'으로 변경한다
⑤vscode 재시작

지금까지 언어 설정이 완료되었습니다.

다음으로, 이번에 도입한 ja + iterm 에서 vscode가 열리도록 합시다.
vscode의 defalt는 bash를 지정하므로 거기에 fish로 변경합니다.
①커맨드 팔레트(setting으로 치십시오)에서 혹은 fish + Cmd 로 설정 화면을 엽니다.
② 아래와 같이 변경합니다.

setting.json
// The path of the shell that the terminal uses on OS X.
  "terminal.integrated.shell.osx": "/usr/local/bin/fish",

③명령 팔레트에서 , 라고 치고 shell
④ 단말기를 재기동하고 Shell Command: install 'code' command in PATH 를 입력해 보십시오. vscode가 시작되어야 합니다.

VS 코드 설정



내 설정과 설치된 확장을 노출합니다.

setting.json

{
    "terminal.external.osxExec": "iTerm.app",
    "terminal.integrated.shell.osx": "/opt/brew/bin/fish",
    "workbench.iconTheme": "vscode-icons",
    "files.insertFinalNewline": true,
    "editor.rulers": [80],
    "editor.tabSize": 2,
    "ruby.lint": {
        "rubocop": true,
        "ruby": true
    },
    "ruby.intellisense": "rubyLocate",
    "editor.renderWhitespace": "boundary",
    "workbench.editor.enablePreview": false,
    "explorer.confirmDelete": false,
    "window.zoomLevel": 0
}

확장 기능
- Better Haml
- Color Highlight
- One Dark Pro
- 파이썬
- 루비
- Sass
- vscode-icons
- zenkaku

키 바인딩

keybindings.json
[
    {
        "key": "ctrl+cmd+up",
        "command": "editor.action.moveLinesUpAction",
        "when": "editorTextFocus"
    },
    {
         "key": "ctrl+cmd+down",
        "command": "editor.action.moveLinesDownAction",
        "when": "editorTextFocus"
    },
    {
        "key": "cmd+y",
        "command": "redo",
        "when": "editorTextFocus"
    }
]

위, 2개는 행의 스와핑이 됩니다. 원래, sublime을 사용하고 있었으므로, 해당의 키 바인드가 상기의 설정으로 되어 있으므로 설정을 바꾸고 있습니다. code 에 관해서도 자주 사용하는 것이 상기의 설정이므로 변경했습니다.

요약



개발 환경 주위에서 여러가지 변경했습니다만, 지금의 장소에는 되돌리지 않기 때문에 오이타 사용하기 쉬운 것일까라고 생각합니다~곧바로 되돌릴 수 있어, 흥미가 있는 사람은 해 봐 주세요~
※fish의 환경 변수의 설정에 대해서는, 주의해 주는 것이 좋을까라고 생각합니다. 설정을 잘못하고 다니고 있어야 하는 PATH가 다니지 않았던 것이 있었기 때문에. . .

좋은 웹페이지 즐겨찾기