TypeScriptのエラーメッセージを見やすくしてくれるVSCode拡張機能「Pretty TypeScript Errors」の紹介
type User = { id: number; name: string; notes: { title: string; tags: string[]; }[]; }; type GetUsers = () => User[]; export const getUsers: GetUsers = () => { return { id: 1, notes: { title: "test book", tags: ["test", "hoge", "fuga"], }, }; }; すると vscode 上ではこんな感じにエラーが出てきます。 1 行程度のメッセージならまだしも、少し長いメッセージになると改行もなく読みづらい上に、エラーコードもプログラム（PROBLEMS）タブからコピペする手間がかかります。 Pretty TypeScript Errors によって解決されること P
VSCode でブランチごとにタブ状態を復元する拡張 - マンガ〜ノ伊藤ノ〜ト
git で switch <branch> したときに VSCode のタブ状態がブランチごとに保存/復元できたら，切替時に楽だな〜と思った．のでそういう拡張機能を作ろうと思った． たとえば feature-add-user ブランチでは: User.pm, User.t, UserRepository.pm feature-add-work ブランチでは: Work.pm, Work.t, WorkRepository.pm を開いて作業するのが心地よい，とかザラにあると思われる． そんなときに毎回切替時に全タブ閉じて，必要なファイルを Cmd+P で開いてとか面倒の極みだな，と思っていた．開きっぱだとごちゃごちゃしてきて精神衛生上よくない． git でファイルの状態は変わるのなら，タブの状態も変わっていいだろうと思った． 結果 できあがった拡張機能がこちら: marketplace.v
VSCode の Prettier の設定を理解する - 豆腐とコンソメ
VSCode の Prettier の設定を理解する VSCode で prettier を使う際に、なんとなくで設定していてたまに困るので整理する。 prettier の vscode 用拡張機能のページをちゃんと読めば、いろいろと書いてあったのでメモ。 https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode どの言語に対応してるんだっけ 以下の言語(FrameWork)に対応している。 JavaScript · TypeScript · Flow · JSX · JSON CSS · SCSS · Less HTML · Vue · Angular GraphQL · Markdown · YAML プラグインを使うことで、phpとかrubyとかもいけるっぽい。 https://prettie
Visual Studio Code 入門 : 2回 : 設定 - Qiita
記事ガイド 読みたいところだけ読めばよいように記事を分割してあるので、順番に読んで行く必要はありません。気になったところだけ好きにお読みください。 0回 : イントロダクション 1回 : コマンドパレット 2回 : 設定 VS Code v1.51.1 の情報ベースに記述しています。コマンド名などはバージョンによって若干変わったりするので、一致するモノが見当たらない場合、それっぽいモノを探してください。 設定の概要 この記事では VS Code の設定全般の概要を解説します。 VS Code の設定には大きく、カテゴリ、スコープ、言語の３軸が存在します。 カテゴリ: メイン、キーボードショートカット、デバッグ、タスク、拡張、スニペットといった種別 スコープ: ユーザー(グローバルとも表現されます)、ワークスペース、ワークスペースフォルダー(単にフォルダーとも表示されます) 言語: 言語別の
Using React in Visual Studio Code
React is a popular JavaScript library developed by Facebook for building user interfaces. The Visual Studio Code editor supports React.js IntelliSense and code navigation out of the box. Welcome to React We'll be using the create-react-app generator for this tutorial. To use the generator as well as run the React application server, you'll need Node.js JavaScript runtime and npm (Node.js package m
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サーバーサイドエンジニアも知っておくべきフロントエンドの今
VSCodeでTypeScript/Node.jsの開発環境を作る（UT・カバレッジ・ログ出力・リリース手順含む） - Qiita
