文字エンコードを指定してファイルを開く
Visual Studio Code ではファイルの文字エンコードとして UTF-8 がデフォルトで設定されています。その為、 Shift_JIS など UTF-8 以外の文字エンコードで保存されたファイルを開くと文字化けして表示されます。ここでは Visual Studio Code で文字エンコードを指定してファイルを開く方法について解説します。 文字エンコードを指定してファイルを開きなおす Visual Studio Code ではデフォルトで文字エンコードとして UTF-8 を使用します。その為、文字エンコードとして UTF-8 を使用して保存されたファイルを開いた場合は問題なく表示されます。 それに対して例えば文字エンコードとして Shift_JIS を使用して保存されたファイルを開いた場合、文字化けが発生します。 UTF-8 以外の文字エンコードで保存されたファイルを開くには、
【Flutter】VSCodeで自動整形（コードフォーマット）する
本記事の目標 VSCodeで、ファイル保存時に自動でコードフォーマットするように設定する 流れ VSCodeでDartプラグインのインストール（Flutterプラグインを入れると同時にDartプラグインもインストールされるみたい…？）VSCodeで「settings.json」ファイルを開いてDartの設定を入力する Dartプラグインのインストール VSCodeを開いたら左側に「正方形のブロックが一個仲間外れにされたマーク」（下画像の矢印先）があると思うのでそれをクリックして 検索ウィンドウに「dart」と入力してみてください 一番上に「Dart」プラグイン（下画像の角丸長方形）が出てくるので「Install」をクリックしてください もし「Install」ボタンが表示されていない場合はすでにインストールされているので飛ばして「settings.jsonを編集」に飛んでください！ （Flu
flutter : AndroidエミュレーターをVSコードに追加するにはどうすればよいですか？
2021-02-24 12:32flutter run コマンドを使用すると、次のメッセージが表示されます。 Multiple devices found: Chrome (web) • chrome • web-javascript • Google Chrome 88.0.4324.146 Edge (web) • edge • web-javascript • Microsoft Edge 86.0.622.51 [1]: Chrome (chrome) [2]: Edge (edge) Please choose one (To quit, press "q/Q"): これは、flutterエミュレーターコマンドの結果でもあります： 3 available emulators: Nexus_5x • Nexus_5x • Google • android Pixel_2_API_2
DockerとRemote Containersでの開発環境が最高過ぎる - Sweet Escape
この投稿がきっかけでソフトウェアデザインに寄稿しています。この投稿の加筆修正ですが、自分のパート以外にもVS Code全般の特集となってますので興味あるかたはぜひそちらも！ ソフトウェアデザイン 2021年6月号 作者:tsutsu,吉岩 正樹,中村 充志,西谷 圭介,erukiti(佐々木 俊介),結城 洋志,上田 隆一,八田 昌三,サリチル酸,結城 浩,山川 正美,大串 肇,松本 直人,清水 洋治,広田 望,松田 佳希,田中 宗,中島 明日香,くつなりょうすけ,高橋 永成,金谷 拓哉,佐藤 雄飛,梶原 直人,髙濱 暢明,星川 真麻,八木澤 健人,けんちょん(大槻 兼資),職業「戸倉彩」,森若 和雄,大隈 峻太郎,小野 輝也,河野 哲治,古川 菜摘,石井 将直,杉山 貴章,Software Design編集部技術評論社Amazon はじめに Remote Containers Docke
VSCode上でvueファイルに対してESLintが快適に動作する設定 - Qiita
2020/04/22 追記：VSCodeやESLint機能拡張のアップデートで設定が変わったので、新しく記事を書きました 今どきのWebフロントエンドの開発環境はさっぱりわからないので、もう少し良いやり方があるかもしれません。参考までに。 tl;dr VSCodeの拡張機能「Vetur」と「ESLint」を入れます。 ワークスペース設定（.vscode/settings.json）に以下を書いてバージョン管理します。 vue-cliを使っていない場合、後述の環境設定も参考にしてください。 { "eslint.autoFixOnSave": true, "eslint.validate": [ { "language": "vue", "autoFix": true } ], "vetur.format.defaultFormatter.js": "none", } 以下を参考にしました h
(随時更新) VSCodeの各種設定ファイルの格納場所備忘録メモ - Qiita
VSCodeの設定ファイルの格納場所が分からずネットで調べると多数の記事がヒットします。しかし、多くの記事は更新されない為、古い情報が多く現状を反映しておりません。そこで現状を備忘録メモとして残しておこうと思います。内容は随時更新していきたいと思います。OSは筆者がよく使っているOSのみの情報なのでOSのバージョンやディストリビューションによっては若干の差異が有る可能性が有りますが、予めご了承下さい。 settings.json 基本的な設定が保存されているsettings.jsonの格納場所は以下の通りです。 Mac(macOS 10.14.6 Mojave) ~/Library/Application\ Support/Code/User/settings.json Linux(Ubuntu 18.04) ~/.config/Code/User/settings.json Window
VSCode内のターミナルをショートカットで快適に使う（Windows）※追記しました - マリデジ
皆さんこんにちは、マリモです みんな大好き「VSCode」ですが、数ある便利機能のなかに「エディタ内でターミナルが使える」というものがあります VSCode内のターミナル 特に1画面でプログラミングをされている方は、画面を切り替える必要が無い分かなり重宝されているのでは？ このターミナルですが、自分が使う際に便利だと思うショートカットを2つ4つご紹介します 1. ターミナルをショートカットで開く&隠す 操作中画面 まずこれは鉄板ですね キー操作は[Ctrl + @]です 何もターミナルを開いていない状態 - 新規でターミナルが立ち上がる 既にターミナルを開いている状態 - ターミナルを非表示にする（裏ではターミナルが起動しっぱなし） 2. ターミナルをショートカットで新たに開く こちらでは1つ以上ターミナルを開いている状態から、さらに新たにターミナルを表示できます キー操作は [Ctrl
TODO.md Kanban Board - Visual Studio Marketplace
Todo Kanban Board Todo Kanban Board manages tasks and save them as TODO.md - a simple plain text file. Features The syntax is compatible with Github Markdown TODO.md file is portable and can be committed with Pull Requests (PRs) to git repositories. Support custom file name, multiple task lists. Checkboxes are optional (if your task titles don't have them). Task title can also have markdown for st
Visual Studio CodeでVue.jsアプリケーションの開発環境を構築する
概要 Visual Studio Code（以降VSCodeと表記）でVue.jsを利用したアプリケーションの開発環境を構築したときのメモです。 Node.jsやESLint、Vue.jsはすでにnpmでインストールしているという前提です。またgit操作にGit for Windowsを使用します。 なお、Vue.jsを含めフロントエンド開発について学習中の身のため間違っている点などがあると思いますが、そのときはご指摘いただければ大変助かります。 環境 Windows 10 Professional VSCode 1.22.2 Node.js 8.11.1 Vue.js 2.5.16 vue-cli 2.9.3 参考 Microsoft/vscode-recipes - GitHub Microsoft/vscode-tips-and-tricks - GitHub VSCodeのインスト
VS Code によるデバッグ — Vue.js
最終更新日: 2019年3月29日 すべてのアプリケーションは、小規模から大規模の障害を理解する必要があるところまできました。このレシピでは、ブラウザでアプリケーションのデバッグをしたいと考えている VS Code ユーザーのためにいくつかのワークフローを説明します。 このレシピでは、ブラウザで実行している Vue CLI アプリケーションをデバッグする方法を示します。 注意: このレシピは Chrome と Firefox を含みます。もしあなたが他のブラウザで VS Code のデバッグを設定する方法を知っている場合、あなたの知見を共有することを検討してください (ページの下部を参照してください)。 前提条件VS Code とあなたが選択したブラウザがインストールされていることと、ブラウザに対応するデバッガの拡張機能がインストールされ有効化されていることを確認してください: Debug
nuxt.jsのデバッグ方法(chrome DevTools) - Qiita
> npm run debug ... Debugger listening on ws://127.0.0.1:9229/c1188eb8-abb6-4d7c-8888-a0491b329ae9 For help see https://nodejs.org/en/docs/inspector
Nuxt.js を VS Code上でデバッグする方法 - Qiita
はじめに Vue.jsはドキュメントが豊富（感謝）なので、Vue.jsとVS Codeを使ったデバッグ方法は公式サイトに記載があります。 こちらを参照されるとよいです。 https://jp.vuejs.org/v2/cookbook/debugging-in-vscode.html 2019/06/19 追記 Nuxt.jsのデバッグ環境で、ソースマップがでてなくて、いい感じでデバッグができてませんでした。 こちらを参照していただくと、ソースマップがでて、デバッグがスムーズになります。 あわせて御覧ください。 Nuxt.jsをvscodeでデバッグするためのメモ 盲点だったこと、思い違いをしていたところ 私はVue.jsの開発は、Vue Devtoolsから入ったため、Vue Devtoolsでなんでもできると思いこんでしまっていたところでした。 このため「Nuxt.jsでも同様のデバッ
Prettierを使って保存時にソースコードを自動で整形してもらう - Qiita
概要、目的 Prettierという、ソースコードの自動整形ツールが気になったので まずはお試しで、個人的に作っているプロジェクトに採用できないか調べてみました。 JavaScriptは書く人によってコードスタイルがバラバラになってくることが多いので、 他人のソースコードを読むときにイラッとすることが多々あります。 コーディングルールを決めればいい話なんですが、 決めたところで守らない人は出て来るし、それに対してソースコードの手動整形をしなくてはいけないのも不毛ですよね。 そこで、Prettierをうまく使えばこういう無駄な時間も大きく減らせるのではと考えた次第です。 コードを整形するタイミングについては、 gitにコミットするときだったり、自分でコマンドを叩いて任意のタイミングで都度実行したりと色々あるみたいですが、今回はファイルを保存したときに自動整形してくれるやり方を調べてみました。
VSCodeでファイルを開いた時にタブが上書きされる問題を回避する - Qiita
はじめに VSCodeを使っていると、新しいファイルを開く時に現在のタブが上書きされて表示される場合があるのでなんとか回避したい。 どんな現象かは以下のリンク先のGIFアニメを見ると分かりやすい。 Visual Studio Codeの謎ペインの仕様はユーザ離れを起こす原因となり得そうな件 - 文系プログラマによるTIPSブログ 対処方法 上書きされるタブはファイルの中身をちら見するためのPreview modeで開かれている。 そのため他のファイルを開こうとすると、ちら見していたタブが上書きされ新しいファイルの中身が表示される。 現在のタブがPreview modeで開かれているか知りたい場合は、タブのタイトルがイタリックになっているかをチェックする。 この挙動を回避する為には以下のいずれかを行う。 ファイルをダブルクリックして開く 設定に"workbench.editor.enable
Visual Studio Codeでタブの切り替えショートカットキーをChromeみたいにする - ノウハウブログ - カンタローCGI
タブ選択がリスト式 最近人気のマイクロソフト謹製のオープンソースエディタ Visual Studio Code ですが、複数のファイルを開いたとき、タブの切り替えにショートカットキー Ctrl + Tab を押すと、同グループの切替リストが出てきます。 リスト選択じゃなくて、何度もタブキー押してどんどんタブを切り替えたいんだけど！Chromeみたいに！と思うわけです。 どうやら標準ですと Ctrl + PageUp と Ctrl + PageDown にその機能が割り当たっているようですが、ノートPCではちょっと厳しい位置にあるボタンなので、やはり Ctrl + Tab に割り当てておきたいところです。 もちろん好みの問題もあると思いますが、この標準の設定を変えたい場合は以下の設定で変更可能です。 ショートカットキーの設定 ショートカットキーの設定画面（Ctrl + K → Ctrl +
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VSCode + Flutter でAndroid開発を始める方法
VSCodeで空白文字を見やすくする方法 - Qiita
Atsushi Eno on Twitter: "VSCodeが開いているだけで13%のCPUリソースが持っていかれるらしいw https://t.co/inpelgVYwv configで "editor.cursorBlinking": "solid" ってしておくと回避できるらしいぞ"
Debugging your Vue.js app with VS Code
vuejs/core · Discussions