VSCode拡張機能

1.プラグイン一覧

WSL：Ubuntu22.04にインストール一覧

$  code --list-extensions | xargs -L 1 echo code --install-extension
code --install-extension WSL: Ubuntu22.04-v1 にインストールされている拡張機能:
code --install-extension ardenivanov.svelte-intellisense
code --install-extension be5invis.toml
code --install-extension bradlc.vscode-tailwindcss
code --install-extension Evidence.evidence-vscode
code --install-extension mushan.vscode-paste-image
code --install-extension svelte.svelte-vscode
code --install-extension Tyriar.luna-paint

ローカルwindowsにインストール一覧

$ code --list-extensions | xargs -L 1 echo code --install-extension
code --install-extension alexcvzz.vscode-sqlite
code --install-extension ardenivanov.svelte-intellisense
code --install-extension bradlc.vscode-tailwindcss
code --install-extension christian-kohler.npm-intellisense
code --install-extension dbaeumer.jshint
code --install-extension dbaeumer.vscode-eslint
code --install-extension donjayamanne.githistory
code --install-extension eg2.vscode-npm-script
code --install-extension eliostruyf.vscode-hugo-themer
code --install-extension esbenp.prettier-vscode
code --install-extension GitHub.vscode-pull-request-github
code --install-extension golang.go
code --install-extension hdg.live-html-previewer
code --install-extension heybourn.headwind
code --install-extension HitkoDev.vscode-remark-hugo
code --install-extension HookyQR.beautify
code --install-extension humao.rest-client
code --install-extension jmrog.vscode-nuget-package-manager
code --install-extension ms-azuretools.vscode-azurefunctions
code --install-extension ms-azuretools.vscode-azureresourcegroups
code --install-extension ms-azuretools.vscode-azurestaticwebapps
code --install-extension ms-azuretools.vscode-docker
code --install-extension MS-CEINTL.vscode-language-pack-ja
code --install-extension ms-python.python
code --install-extension ms-python.vscode-pylance
code --install-extension ms-toolsai.jupyter
code --install-extension ms-toolsai.jupyter-renderers
code --install-extension ms-vscode.azure-account
code --install-extension svelte.svelte-vscode
code --install-extension urbantrout.refactor-css
code --install-extension ysemeniuk.emmet-live
code --install-extension zxh404.vscode-proto3

2. Github エラー

2-1. 新しいユーザーが初めてGithubへpushするとき

error内容

$ git push origin main
error: src refspec main does not match any
error: failed to push some refs to 'https://github.com/XXXX/XXXX.git'

対処

原因は、プッシュしたいリモートリポジトリのブランチ名と、プッシュしようとしているローカルのブランチ名が異っていることです。

git init
git add .
git commit -m "1st"
  git config --global user.email "you@example.com"
  git config --global user.name "Your Name"

git config --global user.email "shiny@mydomain.com"
git config --global user.name "Shiny"
git commit -m "1st"

ブランチ確認
git branch
  * master
git branch -m master main
git branch -M main
git remote add origin https://github.com/TechRZN/sms-r-ap-SY.git
git push -u origin main
    Username for 'https://github.com': Shiny                                   
    Password for 'https://Shiny@github.com': 
※Passwordは、事前に取得しているGihubのTOKENを貼り付けます。これでOK!

3. RaspberryPiとremoteSSH接続エラー

VSCode Remote SSHでRaspberry Piに接続している場合、Node.jsのパスがデフォルトで設定されていない場合があります。以下の手順で、Node.jsのパスを設定することができます。

VSCodeのRemote-SSH拡張機能を使用して、Raspberry Piに接続します。

VSCodeの設定を開きます。メニューバーから、“ファイル” > “基本設定” > “設定"を選択します。

検索バーに"remote.SSH.path"と入力して、検索結果から"Remote-SSH: 接続先のPATH"を選択します。

設定の編集アイコン（鉛筆のアイコン）をクリックして、設定を編集します。

Node.jsのpathを確認

which node
(output)
/usr/bin/node

パスを編集し、以下のように設定します。

/usr/bin:/usr/local/bin:/usr/sbin:/usr/local/sbin:$PATH

保存して設定ウィンドウを閉じます。

これで、Raspberry PiでNode.jsを使用する際に、"/usr/bin/node"のパスが使用されます。

4. Git pushエラー

Missing or invalid credentials.
Error: connect ENOENT /run/user/1000/vscode-git-3578c355d7.sock
    at PipeConnectWrap.afterConnect [as oncomplete] (node:net:1157:16) {
  errno: -2,
  code: 'ENOENT',
  syscall: 'connect',
  address: '/run/user/1000/vscode-git-3578c355d7.sock'
}

対策：vs codeがGIT_ASKPASSを設定しているのが原因

$ export GIT_ASKPASS=

をすればターミナルでユーザ・パスワードを聞かれるようになります。

TechRZN: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

以上

RAIZIN Inc.