インフラエンジニアのPC環境

インフラエンジニアは常に効率環境を目指している

ユーザ用ツール

サイト用ツール


サイドバー

目次

ホーム

OS


CUIソフト

今はほぼ未使用

操作を覚える必要のあるおすすめソフト

software:editor:vscode.html


テキストエディタの比較・おすすめ

VSCode (Visual Studio Code)の設定と操作メモ

特徴

  • Windows, Mac, Linux
  • Atomより爆速
  • 色々な機能が標準で対応している。
    • マークダウンのプレビューが標準
    • Gitが標準
  • 標準で色々な言語をサポート(Markdown, Batch, Dockerfile, Ini, SQLなども)


操作

コマンドパレットを開く Windows : ctr + shift + p
Mac Command + Shift + P
F1

矩形選択

OS マウス操作 キーボード操作
Windows 始点をクリックしてから、
終点を[Shift]+[Alt]+左クリック
[Ctrl]+[Shift]+[Alt]+矢印キー
Linux 既定では設定なし
Mac 始点をクリックしてから、
終点を[Shift]+[Option]+左クリック
[Shift]+[Option]+[Command]+矢印キー


設定

ファイル > 基本設定 > 設定

全角の周りに付く黄色枠を解除

(1)Editor > Unicode Highlight: Include Comments
「false」にする

(2)Editor>Unicode Highlight: Non Basic ASCII
「false」にする

タブ・スペースを表示

日本語表示の場合:基本設定 > 設定 > テキストエディター > Render Whitespace
英語表示の場合:Preference > Settings > Text Editor > Render Whitespace

設定項目を「all」にします。

文字コードを自動判別

有効な場合、ファイルを開くときに文字セット エンコードを推測します

英語表示の場合:Preference > Settings > Text Editor > Files

Auto Guess EncodingをOn

Proxy

英語表示の場合:Preference > Settings > Application > Proxy

ミニマップ非表示

英語表示の場合:Preference > Settings > Text Editor > Minimap

「Controls whether the minimap is show」をOffにする。

予測変換(Suggestion機能)をOFF

Enterを押しても、予測変換を入力させない方法

「code」→「基本設定」→「設定」
「Editor: Accept Suggestion On Enter」をOff

予測変換(Suggestion機能)を表示させない

「code」→「基本設定」→「設定」
「Editor: Quick Suggestions」で、「settings.jsonで編集」

、最終行に「”editor.quickSuggestions”: false 」を入力。
前の行には「,」も入れてください。


Macでの設定

Macで、ターミナルから起動する方法

Command + Shift + P で、コマンドパレットを開いて、
「Shell」を検索して、インストールする。

codeで、Visual Studio Codeが開くようになる。


拡張機能

拡張機能 説明
VSNotes VS Code用のメモ機能
ctr + shift + pかF1で、パレット表示
VSNotes Run setupを実行する
VSNotes:Create a New Noteで、ノート作成
タグの方法は、以下のようにノートの先頭に記載する。
---
tags:
- 配列
---
vscode-icons VScodeのエクスプローラで、アイコンを追加して見やすくします。
zenkaku 全角スペースを見やすくしてくれ、全角空白によるエラーを防ぐ
Trailing Whitespace Highlighter 行末の半角スペースを分かりやすく
Rainbow CSV CSVファイルをカラー表示
Regex Previewer 正規表現のチェック
prettier code formatter コードを自動整形
indent-rainbow インデントスペースを視覚化
Path Autocomplete パスの補完補助をしてくれる
Remote
Remote – SSH VScodeからSSHする
Remote – SSH:Editing Configuration Files VScodeからSSHした後に、リモートのファイルを確認する
Remote-WSL VSCodeがWSLにリモート接続するために必要な拡張機能
Remote-Containers VSCodeがコンテナにリモート接続するために必要な拡張機能
Remote Development Remote-WSLとRemote-Containersに加え、Remote-SSHがセット
Syntax
vscode-cisco-syntax CiscoのConfigをカラー表示にしてくれます
Junos Extension for Visual Studio Code
DokuWiki Syntax highlighting for DokuWiki markup


software/editor/vscode.html.txt · 最終更新: 2022/09/09 23:21 by kurihara

ページ用ツール