タグ

vscodeに関するni66lingのブックマーク (10)

  • Azure Functionsを vscodeからデプロイする(python,langchain)

    Azure Functionsのvscodeデプロイ(python,langchain) azure funcitonsをvscode拡張でセットアップしてみるだけ pythonを実行して、langchainもいれておいてみる 完成品プロジェクトはこちら 使用したもの 1.Azureのアカウント 2.vscode拡張 プロジェクトの作成方法 vscode拡張Azure Functionsをセットアップした状態でvscodeの左端に「A」のアイコンがあると思います、そのメニューの下部に現れるWORKSPACE localの⚡Create Functionのボタンから作成するとよしなに作成してくれそうでした localのWORKSPACEが作成できてvscodeで開き直したあと デプロイ先のリソースが必要になるのでそれも作成しておきます 今度は前述の「A」のメニューの上部にあるRESOURCE

    Azure Functionsを vscodeからデプロイする(python,langchain)
  • iTerm2からVisual Studio Codeを開きたい - Qiita

    iTerm2からVisual Studio Codeを開きたい】 たった1分の簡単パス設定で、かなり便利になります。 $ code Dockerfile などで使います。 設定手順 1、Visual Studio Codeを起動する。 2、commnd + shift + P を押す。 3、コマンドパレットに「 shell command install 」と入力する。 4、インストールを実行する。 5、「シェルコマンド ‘code’ がPATHに正常にインストールされました。」と表示されると完了。 → iterm2でcodeコマンドを使用すると、Visual Studio Codeが開く。

    iTerm2からVisual Studio Codeを開きたい - Qiita
  • React開発効率を3倍にするVS Code拡張機能&環境設定 - Qiita

    この記事を読むと VSCodeを最適化することで、React開発効率が加速します。 関数コンポーネントの雛形が一瞬で出来る。しかもファイル名がそのままコンポーネント名になる ES6の作法に則った作法で自動でコード整形してくれる。どういう時に関数内の()が省略できるか等を覚えなくて良い useEffectの最適な第二引数を自動で補完してくれる コンポーネントのimport文を自動で挿入してくれる なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、React開発においてはもはやデファクトスタンダードです(長年愛用しているエディタがある方も、是非一度VSCodeを試してみてください)。 さて、VSCodeはそのままでも素晴らしいエディタです。しかし、使用するフレームワークや用途に応じて拡張機能を入れるとさらにその卓越した機能性を発揮します。VSCodeがなぜ世界中の

    React開発効率を3倍にするVS Code拡張機能&環境設定 - Qiita
  • ssh接続先のファイルを接続元のVisual Studio Codeで開こう!

    AWS EC2やオンプレマシンにあるファイルをviで編集するのきつい問題 2020/03月からエンジニアとして働いている大川です。未経験からのエンジニア採用ということで現在は先輩についてもらって研修を実施する日々です。そんな自分がAWSのEC2のソースコードファイルをviでいじると普段使用しているVisual Studio Codeのショートカットは当然使用できないわけで若干手間に感じていました。そんな中良さげなVisual Studio Codeのプラグインを見つけたので紹介したいと思います。 プラグイン「Remote Development」 自分のニーズに合った最高のプラグイン「Remote Development」を発見しました。簡単に言うとssh接続先のファイルをssh接続元のVisual Studio Codeのウインドウで開くことができるのです!!! EC2だけではなくオンプ

    ni66ling
    ni66ling 2020/12/23
    VSCodeから直接SSH先のファイルを編集できる
  • Visual Studio Codeで実行時のカレントディレクトリをファイルのあるディレクトリにする - Qiita

    はじめに 少し特殊な使い方だとは思うのですが、Node.jsの教材を作っていて 後から見返しやすいように全部のプログラムをひとつのディレクトリ以下に置く 章ごとにサブディレクトリに分ける というやり方をしていました。 で、fsモジュールを説明する段階になって以下のようなプログラムを書きました。 const fs = require('fs'); fs.writeFile('test.txt', 'This is test file', function(err) { if (err) throw err; console.log('OK'); }); fs_sample.jsはchap2ディレクトリに置いています。 fs_sample.js実行。test.txtどこだ? あれ?なんでルートディレクトリにできてるの?ひょっとしてプログラム実行するときルートディレクトリがカレントディレクトリに

    Visual Studio Codeで実行時のカレントディレクトリをファイルのあるディレクトリにする - Qiita
    ni66ling
    ni66ling 2020/11/13
    "cwd": "${fileDirname}"
  • VSCodeでPython開発構築の備忘録 - Qiita

    はじめに 先日、MacにAnacondaでPython開発環境を構築しました。Jupyter Notebookでお勉強をしているのですが、ブレークポイントを貼ってデバックしたい自分にとって辛いときがあるので、開発環境を整えることにしました。そこで、開発エディタとしてVisual Studio Code(VSCode)を使用してみようと思い、その時のインストール、設定方法を自分用の備忘録としてまとめました。 動作環境 macOS Mojave 10.14.6 Homebrew 2.1.10 conda 4.5.11 python 3.6.8 1. Visual Studio Codeのインストール HomeBrewを使用しているので、brewでインストールします。 方法 パッケージの検索。 インストール。 # パッケージの検索 $ brew search visual # ログ ==> Ca

    VSCodeでPython開発構築の備忘録 - Qiita
  • VSCode・インテリセンスが効かない?を解消 - Qiita

    マイクロソフトのインテリセンス(コード補完機能)は大変優秀だと個人的に思っている。 中でもVBAのインテリセンスが非常に優秀で インテリセンスを効かせた書き方を意識して以降、生産性が数倍になった。 VSCodeでもインテリセンスの優秀さを引き継いでいるのか、 動的型付け言語のPythonでもバンバン補完機能を表示してくれる。 …が、特定のパターンでインテリセンスが出てこないことに気が付いた。 VSCodeでインテリセンスが効かない&一部に効かない場合の 解消方法を調査&検証した結果を整理してみた。 前提条件 VSCode 1.33.1 CentOS7.6 64bit anaconda 4.6.14 Python 3.7.3 発生事象 外部モジュールをVSCodeが参照できていない模様 以下では、比較のため「標準モジュールの場合(問題なし)」と「外部モジュールの場合(問題あり)」を記載 標準

    VSCode・インテリセンスが効かない?を解消 - Qiita
  • VSCodeでDraw.ioが使えるようになったらしい! - Qiita

    追記 versionによっては設定を変えないとエクスポートができないようです。 エクスポートできない方はこちらの記事をご参考に設定いただくとエクスポートできるかもしれません。 現状バージョン0.4ではこちらの設定が必要となります。 VSCodeDraw.io Integration使用時にエクスポートできないことがある問題への対処 2020/10/18追記 現在のバージョン0.7ではdrawio拡張子のエクスポートがうまくいかないようです。 その場合はオフラインモードに移行変更していただくか、drawio.pngやdrawio.svg拡張子でファイルを作成してもらうことで直接編集もできた上で、エクスポートとせず末尾の拡張子ファイルとして利用することができます。 はじめに VSCodeで簡単にDraw.ioで描画できるようになったみたいなので、 導入方法と使い方を備忘として残していきます。

    VSCodeでDraw.ioが使えるようになったらしい! - Qiita
  • VSCodeのオススメ拡張機能 24選 (とTipsを少し)

    言語やフレームワークによらない、オススメの汎用的な拡張機能をまとめました。 Tipsは**ここ**から。 拡張機能 24 選 1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう! 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高!! なおBeta版ですが、後継となるBracket Pair Colorizer 2も出

    VSCodeのオススメ拡張機能 24選 (とTipsを少し)
  • VSCodeで爆速コーディング環境を構築する(主にReactJS向け設定) - Qiita

    { // 変数 "const": { "prefix": "c", "body": [ "const $1" ], "description": "定数" }, "let": { "prefix": "l", "body": [ "let $1" ], "description": "変数" }, "var": { "prefix": "v", "body": [ "var $1" ], "description": "変数" }, // デバッグ "console.log": { "prefix": "cl", "body": [ "console.log(${1:val})" ], "description": "console.log" }, "console.dir": { "prefix": "cd", "body": [ "console.dir(${1:obj})" ], "

    VSCodeで爆速コーディング環境を構築する(主にReactJS向け設定) - Qiita
  • 1