アプリ:エディタ:vscode

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

--- アプリ:エディタ:vscode [2021/11/24 11:58]
hirono2021 作成
+++ アプリ:エディタ:vscode [2021/11/24 13:11] (現在)
hirono2021 [VSCodeにインストールする自作拡張機能の作成の手順]
@@ 行 1: / 行 1: @@
 ====== 文字入力・編集 ======
-====== スニペット ======
+===== スニペット =====
-====== 設定ファイルの保存先 ======
+==== 設定ファイルの保存先 ====
 <code>
@@ 行 10: / 行 10: @@
 </code>
-===== GhostTextで編集するdokuwikiのために作成したスニペット =====
+==== GhostTextで編集するdokuwikiのために作成したスニペット ====
 ~/.config/Code/User/snippets/plaintext.json
@@ 行 110: / 行 110: @@
 	}
 }
+</code>
+====== 拡張機能の開発 ======
+===== Linux =====
+==== VSCodeの拡張機能の開発のためインストールしたもの ====
+　大きな手違いがあったので不要なものをインストールしているかと思います。直接関係のないものも作業の流れとして記載しています。
+<code>
+  11/23/2021 16:25  sudo npm install -g yo generator-code vsce
+  11/23/2021 16:43  sudo npm install -g vsce
+  11/23/2021 16:45  sudo npm install -g generator-code
+  11/23/2021 16:49  sudo npm install yo generator-code --save-dev
+  11/23/2021 17:01  npm install vsce --save-dev
+  11/23/2021 17:14  sudo apt install -y nodejs npm
+  11/23/2021 17:14  sudo apt install nodejs npm --no-install-recommends
+  11/23/2021 17:15  sudo npm install n -g
+  11/23/2021 17:20  sudo npm install -g yarn
+  11/23/2021 17:23  sudo npm install -g npm@8.1.4
+  11/23/2021 17:24  npm install twitter
+  11/23/2021 17:40  sudo npm install -g typings
+  11/23/2021 17:41  sudo npm install -g test-electron
+  11/23/2021 17:43  npm install -g npm-install-missing
+  11/23/2021 17:43  sudo npm install -g npm-install-missing
+  11/23/2021 17:51  sudo npm install -g '@vscode/test-electron'
+  11/23/2021 17:53  npm install -g '@vscode/test-electron'
+  11/23/2021 17:54  npm install '@vscode/test-electron'
+  11/23/2021 21:04  sudo npm install -g twitter
+  11/23/2021 21:08  node install twitter
+  11/23/2021 21:09  node install
+  11/23/2021 21:10  npm install --save twitter
+  11/23/2021 21:12  code --install-extension kk-extension-0.0.1.vsix
+  11/24/2021 10:41  sudo apt install ./code_1.62.3-1637137107_amd64.deb
+</code>
+==== VSCodeにインストールする自作拡張機能の作成の手順 ====
+　基本的に数年前に作成したファイルをコピーで使ったのですが、読み込むパッケージのバージョン指定の設定ファイルまでコピーしていたのでエラーでトラブルが多発しました。昨日のメモでもあるのですが、次の手順は必要だったと思います。
+　最終的にkk-extension-0.0.1.vsixというVSCodeにインストールするファイルを作成たのですが、Windows11のVSCodeでもそれだけでそのまま使えました。
+<code>
+  11/23/2021 18:40  npx yo code
+  11/23/2021 18:45  yarn add --dev typescript
+  11/23/2021 20:50  npm i -D vsce
+  11/23/2021 21:10  npm install --save twitter
+  11/23/2021 21:11  npm run compile
+  11/23/2021 21:11  npx vsce package
+  11/23/2021 21:12  code --install-extension kk-extension-0.0.1.vsix
 </code>

アプリ/エディタ/vscode.1637722729.txt.gz · 最終更新: 2021/11/24 11:58 by hirono2021