vscodeでEmmetがTab(ショートカットキー)で動かない人へ
ずっとTabキーでEmmetの展開をしていた私が最近vscodeに移行して困ったのでメモ。 Emmetは2.0で提案・自動補完に変更された vscodeの公式でEmmet2.0の仕様について説明がありますが、提案型に変更されてました。 そのため、初期設定では今までのようにTabキーで展開ができないものがあり、代わりに候補として展開後が表示されるようになりました。 しかし、その候補で全て補完できれば良いのですが、できないものも多くあります。 ただ、以下のように設定を変更すると以前のような入力方法も可能です。 バージョン1.27 以上の設定 画面左下の「歯車アイコン」 から「設定」、もしくは 「Ctrl（MacはCmd） + ,（カンマ）」 をクリックして「Settings」ファイルを開く 左側のカテゴリメニューにある「拡張機能」をクリックしてメニューを展開 「Emmet」の項目があるのでクリ
Vue/Nuxt開発効率を3倍にするVSCode拡張機能セット - Qiita
この記事を読むと VSCode拡張機能を入れて、下記のようなことが実現します ・VSCodeとは別にterminal（Command Line）の画面を開かなくても、VSCode内から直接terminal操作ができる（例えばnpm run devも) ・全てのカッコ()[]{}が種類別に色分けされる ・インデントが一眼で分かる ・htmlタグの開始タグと終了タグを同時に修正できる ・Vue.jsやNuxt.jsの構造やファイル操作が楽になる etc... なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、Vue.jsやNuxt.jsを用いて開発している方にとっては最も有力な選択肢でしょう（そして、その選択は間違いではないと保証できます）。 さて、VSCodeはそのままでも素晴らしいエディタですが、使用するフレームワークや用途に応じて拡張機能を入れるとさらに、そ
VSCodeでのGitの基本操作まとめ - Qiita
はじめに 一年前に新人研修でGitを担当してTigの記事を書いたのですが，今年も同じくGitの研修を担当することになりました．新人さんたちにとってはターミナル環境はとっつきにくい人も多いようで，短い研修期間では操作自体に苦戦してしまい，Gitそのものを理解するというところに力を割けない人も少なくありませんでした． それを踏まえて今回はGUIで操作しやすい環境を検討したのですが，以下のポイントを踏まえてVSCodeを使うことに決めました． マルチプラットフォームで使える．（研修はWindows環境で行いますが，業務ではLinuxデスクトップ環境も使うので） Gitの基本的な内容はVSCode上でGUI操作が可能． Gitの内容とあわせて，プログラミング用のテキストエディタの一例として，導入しやすそうなVSCodeを紹介． VSCodeを使ったGitの基本的な操作を一通りまとめていきます． イ
Visual Studio CodeでHTML作成環境を整える - Qiita
0. はじめに Microsoft社がオープンソースで開発している高機能エディタVisual Studio Code。 Visual Studioよりも軽く、他のエディタと比較してもプラグインが豊富、かつ、導入が便利であるため重宝しています。そしてSublime Textなどと同じで複数のプラットフォームで稼働させることができます。 この記事では、HTML（JavaScript、CSSを含む）を編集するにあたり必要となる機能をセットアップする方法をまとめてようと思います。対象のVisual Studio Codeのバージョンは 1.62.0(Octover 2021) です。 1. セットアップ 用意する機能は大きく分けて次の3種類。 1. エディタとしての基本機能を改善 2. コードを書きやすくするプラグインの導入 3. 作成したHTMLのプレビュー表示 1-1. エディタとしての基本機
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
