はじめに
VSCodeの拡張機能continueを使うとコード補完やコード修正してくれるようなので、試してみました。
全てローカルで動かしたかったので、手持ちのMacBookでやってみましたが、動作が遅くて実用的ではありませんでした。ollamaを動かすサーバを別で用意したほうが良さそうです。
目的
- VSCodeでコード補完などができるツールを試したい
- ローカル環境で完結する
環境
- MacBook Pro
- プロセッサ：1.4 GHz クアッドコアIntel Core i5
- メモリ：16 GB
- continue 1.0.8
- ollama ollama 0.3.12
continueを試してみた
設定
VSCodeの拡張機能からcontinueをインストールする。
公式に書いてあるように、continueのウィンドウがVSCodeの右側に表示されるようにする。
https://docs.continue.dev/getting-started/install
今回はローカルのみで使用を考えているため、以下の画面で「Or, remain local」をクリックする。
画面に表示された通りに、モデルのインストールを行い、「Connect」をクリックする。
configファイルを開く
settingからconfigファイルを開けず、開き方がよくわからなかったが、以下で開けた。自分でモデルを追加したい場合は、これを編集する。
デフォルトでは"~/.continue/config.yaml"に保存されている。
chat画面からプルダウンを開き、「＋Add Chat model」をクリックする。
以下の画面が開くので、右下の「config file」をクリックする。
config.yamlが開く。先ほどインストールしたモデルの設定が書かれている。
name: Local Assistant
version: 1.0.0
schema: v1
models:
- name: Llama 3.1 8B
provider: ollama
model: llama3.1:8b
roles:
- chat
- edit
- apply
- name: Qwen2.5-Coder 1.5B
provider: ollama
model: qwen2.5-coder:1.5b-base
roles:
- autocomplete
- name: Nomic Embed
provider: ollama
model: nomic-embed-text:latest
roles:
- embed
- name: Autodetect
provider: ollama
model: AUTODETECT
context:
- provider: code
- provider: docs
- provider: diff
- provider: terminal
- provider: problems
- provider: folder
- provider: codebase
tutorialをやってみた
githubに公開されているcontinue_tutorial.pyを試してみた。chat, edit, autocompleteの機能を簡単に試すことができる。私のMacBookではいずれの処理も1分程度かかっていた。。。
https://github.com/continuedev/continue/blob/main/extensions/vscode/continue_tutorial.py
chat
continue_tutorial.pyのコード
## Highlight the code below
## Press [Cmd/Ctrl + L] to add to Chat
## Try asking Continue "what sorting algorithm is this?"
def sorting_algorithm(x):
for i in range(len(x)):
for j in range(len(x) - 1):
if x[j] > x[j + 1]:
x[j], x[j + 1] = x[j + 1], x[j]
return x
書いてある通りにコードを選択してCmd＋Lするとchat欄にコードが貼り付けられた。"what sorting algorithm is this?"と聞くと、以下のように回答が返ってきた。
edit
continue_tutorial.pyのコード
## Highlight the code below
## Press [Cmd/Ctrl + I] to Edit
## Try asking Continue to "make this more readable"
def sorting_algorithm(x):
for i in range(len(x)):
for j in range(len(x) - 1):
if x[j] > x[j + 1]:
x[j], x[j + 1] = x[j + 1], x[j]
return x
書いてある通りにコードを選択してCmd＋Iするとchat欄にコードが貼り付けられた。"make this more readable"と編集依頼すると、continue_tutorial.pyファイル上に修正案が表示された。Acceptを押すだけで修正案が反映される。修正案が出てくるまで1分くらいかかった。
"docstringを日本語で書いてください。"と依頼したところ、以下のように日本語で書いてくれた。
autocomplete
continue_tutorial.pyのコード
## Place cursor after `sorting_algorithm...` below and press [Enter]
## Press [Tab] to accept the Autocomplete suggestion
# Basic assertion for sorting_algorithm...
書いてある通りに、sorting_algorithm...の下の行にカーソルを移動して、少し待つと以下のようにコード案が出てきた。私がやったところ、sorting_algorithm関数のテスト関数が出てきた。数行出てくる -> Accept -> また数行出てくる といったように少しずつコードが補完された。
おわりに
chatGPTにコード書かせる -> コピペもいいけど、continueを使うと全部VSCode上でできるので良いと思います。もっとモデルが早く動かせる環境だったら、便利だと思いました。
まだあまり使っていませんが、単体テストのコードとか補完してくれたらとても便利です。