3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Windows】VSCodeで削除されたChatGPT拡張機能をローカルで復活させる

Last updated at Posted at 2023-03-19

【追記】
# 6.もっと簡単にできるみたい??を追記しました。
面倒ならこの方法でもいいみたいです。

さらにわざわざ開発が終わったものを導入するのではなく、以下フォーク版の「ChatGPT Reborn」をvscodeで導入してみてもいいかもしれません。(開発者もこれに言及してました)

0. はじめに

開発者の方がサポート終了を宣言してしまい、打ちひしがれた方も多いと思いますが開発者の方のリポジトリが公開されたのでこれをローカルから導入してみます。
※以下開発者がやり方を教えてくれているISSUEを参考にしました。

vscodeの拡張機能/Node.js/yarnは全くのド素人ですが、ChatGPT君に聞きながらやってみました。

  • 動作環境
    • OS : Windows10 pro
    • Node.js: 18.15.0
    • yarn: 1.22.19

1.Node.js+yarnの導入

1-1.Node.jsの導入

https://nodejs.org/en
の左側のLTSからダウンロードし、道なりにインストール

プロンプトを再起動し、node -vでバージョンが出ていたらOK!

1-2.npmのアップデート

npmはNode.jsに付属するパッケージマネージャーで、VSCode拡張機能を開発するためにも必要になる。

以下コマンドでアップデートを実施する
npm install -g npm@latest

1-3.PATHを設定する

「ユーザー環境変数」の一覧から、Pathを選択して以下を追加しておく

C:\Users\<ユーザー名>\AppData\Roaming\npm

1-4.yarnのインストール

以下URLから確認する。

コマンドでnpm install --global yarnとすればいいみたい。

2.vsixファイルを作成する

2-1.vscode-chatgptリポジトリをローカルへクローン

ZIPでダウンロードかgitコマンドでローカルの適当なフォルダに持ってくる。
私はgitを使用した。
git clone https://github.com/gencay/vscode-chatgpt.git

2-2.必要(依存)パッケージをyarnで導入

package.jsonがある階層へcdコマンドで移動し、yarnコマンドを実行することで必要なものがインストールされる。

もしその後エラーが出たらnpm install -g **で追加すればいいと思います。

2-3.vsceでパッケージング

npm install -g vsceでvsceというVisual Studio Code拡張機能のパッケージングおよび発行に使用されるコマンドラインツールをまず導入しておく。

package.jsonがある階層のまま以下コマンドを実行。
vsce package

すると、図のようにvsixファイルが出来上がる。

スクリーンショット 2023-03-19 100927.png

3.vscodeにそれを適応させる

vscodeを起動し、[Ctrl]+[Shift]+[P]でコマンドパレットを出してパレットにExtensions: Install from VSIX...と入力してEnterを押す。で作成したVSIXファイルを選択すればOK!!

左側におなじみのあのマークが出てくればOK!

スクリーンショット 2023-03-19 101214.png

4.設定

4-1.API設定

ブラウザログインが規約違反になって削除された?からなのか、今はAPI利用でしかできません。
※以前はここでブラウザが選べた気がします。。

スクリーンショット 2023-03-19 122458.png

よってChatgpt › Gpt3: Api KeyにAPI keyを入れましょう。

APIは以下から発行します。
https://platform.openai.com/account/api-keys

なお、無料枠は18ドルなので注意

4-2.日本語化

拡張機能の中から選択して拡張機能の設定から。

スクリーンショット 2023-03-19 104917.png

スクリーンショット 2023-03-19 105058.png

5.使ってみて・・・

やっぱりこれ有るのと無いのでは効率違いますね!
APIなので完全無料ではないですが、課金してでも使った方がいい気がしました。

6.もっと簡単にできるみたい??

Node.jsとかDL不要で、以下の方法でもいいみたいです

6-1.vsixファイルをダウンロード

ここから3.9.7の「gencay.vscode-chatgpt-3.9.7.vsix」ってやつがダウンロードできるらしいので、ダウンロードしておく。
※vsixとはVisual Studioにインストールできる拡張機能をパッケージ化したもの

6-2.vscodeにそれを適応させる

vscodeを起動し、[Ctrl]+[Shift]+[P]でコマンドパレットを出してパレットにExtensions: Install from VSIX...と入力してEnterを押す。で作成したVSIXファイルを選択すればOK!!

左側におなじみのあのマークが出てくればOK!

スクリーンショット 2023-03-19 101214.png

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?