VSCodeでPython書いてる人はとりあえずこれやっとけ〜 - Qiita
はじめに Pythonはコードが汚くなりがち（個人的にそう思う） そんなPythonくんを快適に書くための設定を紹介します。 拡張機能編 ここでは Pythonを書きやすくするため の拡張機能を紹介していきます。 1. Error Lens before 「コード書いたけど、なんか波線出てるよ💦」 記述に問題があった場合、デフォルトでは波線が表示されるだけ。。。 after Error Lensくんを入れることによって 波線だけでなくエディタに直接表示される。 はい、有能〜 2. indent-rainbow before Pythonくんは インデントでスコープを認識している。 for の f から下に線が伸びてるけど、ちょっと見にくいなぁ after 色が付いてちょっと見やすくなった！ 3. Trailing Space before 一見、普通に見えるコード after 末尾にある
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る - Qiita
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作るMarkdownVisualStudioCodeDraw.ioMarpvega TL;DR Visual Studio Code上で、Markdownから、こんな感じのデッキを生成できるようにします。 使用したファイル類は、GitHub tomo-makes/marp-styles にまとめました。 きっかけ 叩き台となる資料がなく、急ぎプレゼンをする機会があり、Marpで作成した 内輪では使っていたが、多くの目に触れるのは初めてで、もう少しデザインを調整したいと思った 今後も使いまわせるものを、スニペット、およびサンプルテーマ化しておこうと思い立った ついでにいろいろな図表の生成とデッキへの入れ方、必要そうな配色、素材のリンクをまとめておきたい Marpとは Marp: Markdown
さよならFTPツール。VS Codeからファイルを即サーバー同期して作業効率アップ - Qiita
はじめに 令和という新しき時代の幕開けにもかかわらず、いまだに「FTPクライアントソフト」(FileZilla、WinSCPなど)でサーバーに手動ファイルアップ作業をしている人、いませんか？ そんなあなたに朗報！ちょっとした設定だけで、楽にファイルアップできる環境を整えられるんです。さあ、これからはFTPクライアントを立ち上げてちまちまアップする、そんなひと手間を減らしましょう！ (謎の通販番組調…) まずはVS Code(※)でコード編集が完了したら、即サーバーアップできるおすすめの方法を紹介します。 ※ 正式名称：Visual Studio Code。Microsoft製の無料コードエディター また、別の選択肢についても若干触れています。検討のうえ適した方法をチョイスしてみてください。 本記事対象 対象となる人 Webの仕事でFTPクライアントを使用している、または使用せざるを得ない人
30分ちょっとの時間と慣れと気合で作るフロントエンド開発環境 - 我が名はなんとか菜である！
初投稿です。 シャカイに出て1年とちょっとが経ちました。研修後に配属されたチームで、なんとあれほど避けていた フロントエンド をやるハメになりました。 大体ここ10ヶ月ぐらいで学んだり感じたりしたことをここに書いてみようと思います。 目次 エディタのインストール node.jsのインストール npmを使ってみる webpackのインストール babel及びプラグインのインストール webpack-dev-serverのインストール 目標: 基本的なnode.js, npmの仕組みを使ってフロントエンドの 最小限の 開発環境を構築する。 エディタのインストール メモ帳以外ならなんでもいいです。 僕はVisual Studio Codeを使ってます。 理由としては、JavaScriptの補完が大変優秀だったり、エディタ上で端末も起動できるので、node.jsを扱う上で大変相性がよかったり、など
Visual Studio Code (VS Code) Docsの日本語訳 | 非公式 - Visual Studio Code Docs
内容についてVisual Studio Code (VS Code) の非公式日本語訳です。 文面内容の正確性。また、これによって生じた損害については、責任を負いません。 それに加え一部リンクが正常に機能しません。 内部リンクなど機能しないものがそのまま残っている可能性が非常に高いです。また情報が古い場合がありますので、編集日時と対象の hash に注意してください。 記事の翻訳/修正まってます。 OSShexo用途 : サイトジェネレータLICENSE :MITnavy用途 : テーマLICENSE : CC BY 4.0vscode用途 : i18翻訳の参照LICENSE : The MIT License (MIT)vscode-doc用途 : ドキュメント(翻訳対象),生成スクリプト(キーバインド生成, api-docs 作成), 画像(変更なし)LICENSE : Creativ
Visual Studio Codeで設定(ユーザー設定・キーボードショートカット)をDropboxで管理・共有する - メンチカツには醤油でしょ!!
Visual Studio Code(VS Code)設定の保存形式はJSONファイル ユーザー設定とワークスペース設定があり、同じ設定項目があればワークスペース設定に記述されている設定内容が優先されます。 ユーザー設定はインストール時にデフォルトで存在し ワークスペース設定はワークスペースを開いた状態で設定を変更すると、ワークスペースルートに.vscodeディレクトリが作られsettings.jsonファイルが生成/更新されます。その後の変更もここに反映されます。 なお、ユーザー設定はCommand + ,でデフォルト設定との比較ビューでコメント付きのJSONファイルが表示されるので変更する際に対比できるので便利です。 キーボードショートカットの設定として、keybindings.jsonもありますがこちらも同じ要領です。 ユーザー設定を複数環境で共有するためにDropboxを利用 当初
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ページを開く
VSCodeでThree.jsの開発環境を整える（２）
Cheat Sheet