投稿

ラベル(VSCode)が付いた投稿を表示しています

Visual Studio Code 拡張機能まとめ

イメージ
VSCodeには便利な拡張機能がたくさんありますが、ここでは私がよく使用している拡張機能について3つほどまとめてみました。VSCode拡張機能については今後も定期的にまとめていきたいと思います。 Project Manager Project ManagerはVSCodeで複数プロジェクトの開発をしている場合、簡単に切り替えることが出来る拡張機能です。 設定 設定方法は簡単で、インストール後にProject Manager拡張機能を開き、「Edit Projects」ボタン(鉛筆マーク)でプロジェクトの設定をJSONファイルで編集します。 設定項目 1. projects.json name プロジェクト名 rootPath プロジェクトのパス tags タグ (配列で複数指定可能、検索で使用する) enabled 有効フラグ (true or false) 設定例 [ { "name": "laravel-project", "rootPath": "\\\\wsl.localhost\\Ubuntu\\home\\{username}\\laravel-project", "tags": [], "enabled": true }, { "name": "test-project", "rootPath": "C:\\work\\test-project", "tags": [], "enabled": true } ] イメージ 上記の例を保存して再度Project Managerを開くと、以下のように設定したプロジェクトが一覧表示されます。あとは任意のプロジェクトを選択するだけで、プロジェクトを切り替えることが出来ます。 Draw.io Integration Dra

【AWS】Visual Studio CodeでSAMアプリケーション開発

イメージ
Visual Studio Code(以下vscode)でSAMアプリケーション開発をする手順をまとめます。 前提条件 AWS-CLIインストール済み SAM-CLIインストール済み 事前準備 vscodeにAWS Toolkitをセットアップ vscodeを立ち上げてサイドメニューのEXTENSIONSからAWS Toolkitを検索 AWS Toolkit for Visual Studio Codeをインストール サイドメニューにAWSボタンが出てくればOK アプリケーション開発 新規のSAMアプリケーションを作る サイドメニューのAWSをクリック 上段メニューから「Create new SAM Application」 Runtimeを選択(せっかくだからPython3.7を選択する) アプリケーションを配置する場所を選択 (→sam-test-2) アプリケーションの名前を入力 (→sam-test) SAMアプリケーションの作成が完了すると、template.yamlが開く デプロイ設定 template.yaml AWSTemplateFormatVersion: '2010-09-09' Transform: AWS::Serverless-2016-10-31 Description: > sam-test Sample SAM Template for sam-test # More info about Globals: https://github.com/awslabs/serverless-application-model/blob/master/docs/globals.rst Globals: Function: Timeout: 3 Resources: HelloWorldFunction: Type: AWS::Serverless::Function # More info about Function Resource: https://github.com/awslabs/serverless-application-model/blob/mas