コードを書くのが楽になる！知っておくと便利なVS Codeの機能・設定のまとめ
VS Codeは毎月のようにアップデートされ、便利な機能がどんどん追加されています。最近追加された機能をはじめ、Web制作で役立つ便利な機能を紹介します。 特に人気が高い機能拡張と同じレベルの仕事が、VS Codeの基本機能・設定だけで利用できるので、便利です。 VS Code: You don't need that extension by Rob O'Leary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. タグの自動名前変更と終了タグ補完 2. 設定の同期 3. モジュールの自動インポート 4. HTMLとCSSのスニペット管理 5. ダミーテキスト 6. 末尾のスペースを自動的に削除 終わりに はじめに 私は最近、VS Codeを深く掘り下げいて、いくつか興味深い発見がありました。人気のある機能拡張の
JSON から C#、TypeScript、Swift、Go などの型定義を生成してくれる VS Code 拡張機能 - Qiita
いつも、https://quicktype.io を使ってたのですが、VS Code 拡張機能があることにさっき気づきました。 Paste JSON as Code 例えば OpenWeather のレスポンスの JSON をクリップボードに格納してる状態で VS Code のコードパレットから Paste JSON as Code を選択すると… トップレベルの型名を入れるように言われるので適当に入れます。 そうすると、こんな感じのコードを生成してくれます。 ファイルタイプから言語を認識してくれるみたいで、上の例では .cs のファイルに対して張り付けた結果になります。試しに .swift の拡張子のファイルに貼ると以下のようなコードが生成されました。Swift だ…。 .ts でやると TypeScript になります。 JSON ファイルが手元にある場合はコマンドパレットで Open
Google Apps ScriptをTypeScriptで実装する(clasp/TSLint/Prettier) #gas #typescript - My External Storage
claspというGoogle Apps Script(GAS)をローカルで開発するためのツールがある。claspを使うと、TypeScriptを使ったGASのコーディングも標準で行える。 今回はclaspを使って以下の要求を満たしながらGASの開発を行う際の設定をまとめる。 TypeScriptによる実装 Gitによる構成管理 Prettierによる自動フォーマット TSLintによる静的解析 TL;DR claspを使えばGoogle Apps Script(GAS)をローカルで開発できる https://github.com/google/clasp claspはwebpackなどを使わずにTypeScriptで実装できる https://github.com/google/clasp/blob/master/docs/typescript.md 静的型付けをすることで補完などを使いな
TypeScript 2.0.0とVisual Studio Code 1.4でChrome拡張を書く - YAMAGUCHI::weblog
はじめに こんにちは。ナルゲンボトル愛好家です。ふと思い立ってChrome拡張作ろうかなと思ったんですが、どうせならTypeScriptでやるのがいいじゃねえかってことでやりました。で、最近ブログ書いてないし、なんかまとめたらいい感じかなと思ったのでまとめます。 構成 . ├── dist // 生成された拡張 │ ├── context-menu.js │ ├── icons │ │ └── icon48.png │ └── manifest.json ├── gulpfile.js ├── .eslintrc.json ├── package.json ├── static │ ├── icons │ │ └── icon48.png │ └── manifest.json ├── ts │ └── src │ └── context-men
TypeScript 2.0+NodeJSツールを開発するときのプロジェクト構成- Islands in the byte stream
npm dependenciesを更新してGitHub Compare Viewのリンク付きでPRするツールを定期実行する - Islands in the byte stream このci-npm-updateはTypeScript 2.0 (beta) で書いたので、TypeScript+NodeJSツールを開発するときのプロジェクト構成の一例としてざっと解説しておきます。 最近はRailsなどのウェブアプリのJSもnpmで管理するようになったため、そういう条件でNodeJSツールを開発することも増えてくることでしょう。 Table of Contents Table of Contents エディタ tsconfig.json TSLint Task Runner Visual Studio Code Tasks shrinkwrap 所感 See Also エディタ Visual
Visual Studio Codeの拡張機能をTypeScriptで作る方法 | TOACH
toach vscodeで拡張機能を作る方法 https://code.visualstudio.com/docs/extensions/example-hello-world じわじわとシェアを広げているC#だけれど、今一マジョリティを取れないのは、C#でアプリを作る際の敷居の高さから来ているのだろう。 .Netのオープンソース化やVisual Studio Dev Essentialsによってその敷居が低くなってきているから、時を待てばC#が一層普及するだろうなと感じている秋このごろ。 C#の波に乗りますか？乗り遅れますか？Visual Studio Dev Essentialsが拓く未来 一方、C#の生みの親であるAnders Hejlsbergの手になるTypeScriptは着々と支持を得ている。 今回は、TypeScriptを使ってVisual Studio Codeの拡張機能を
鳶嶋工房 / Web / Diary / VSC:TypeScript:Visual Studio Code でコンパイル
プロジェクトを作ろう 前回はVisual Studio Code(以下VSC)の設定をいじくり回すだけで終わっちゃったので、今回やっとTypeScriptを実際にプロジェクトを作って動かそう、という段階です。 基本的なことは、Visual Studio Communityってページからリンクされてる日本語の資料Visual Studio Code ファースト ステップ ガイド(PDF)にTypeScriptのコンパイル方法が書いてあるので、まずはそちらを読むと良いかと。 例によって、より詳しい情報はVisual Studio Code - Tasksあたりを参照のこと。 とにかくコンパイル Visual Studio Code ファースト ステップ ガイド(PDF)に書いてある内容を抜粋。 5. Visual Studio Code を用いた TypeScript アプリケーションの開発が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
がんばらない Vue.js / Vuejs on VS Code & TypeScript
GitHub - vuejs-jp/hol-vue-ts-basic: Vue.js 初心者向けハンズオン - Visual Studio Code, TypeScript, Element 編
GitHub - microsoft/vscode: Visual Studio Code