制作記録 制作のきっかけ dotfilesを整備し始める Neovimを触り始める Neovimのカラースキームをデフォルトのものから変えたくなった 色々探したが"好きな"カラースキームが見つからなかった 「そういえばVSCodeではどんなテーマ使ってたっけ...」 「なんかVSCodeのテーマもよくよく見ると好きじゃないな...」 「作るか」 方向性の決定 Marketplaceで検索すれば、"良い"カラーテーマはたくさん見つかります。かわいいテーマ、かっこいいテーマ、見やすいテーマ...しかし、私が欲しかったのは"好き"なテーマでした。俺の、俺による、俺のためのオレオレテーマが欲しいのです。ならば作るしかありません。俺が。 ということで"好き"なテーマを作ることを第一目標としました。 ベースとなるテーマのピックアップ テーマ制作にあたり、初動の時点で0から10まで自作するのは無謀である
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. VSCODE POWER MODE!!! Power Mode is one of the most requested extensions for VS Code. Unfortunately, they said it couldn't be done... However, after seeing this list and realizing that VS Code was the only modern editor without it, I knew I had to try. I couldn't let VS Code live in the shadow of its big brother or At
// Filepath to the configuration file for Rubocop "ruby.rubocop.configFilePath": "", // execution path of rubocop. "ruby.rubocop.executePath": "", // execute rubocop on save. "ruby.rubocop.onSave": true, // Defines if it should clear the terminal on each spec run "ruby.specClearTerminal": true, // Defines a custom command to run for specs (i.e. 'spring rspec') "ruby.specCommand": "", // Defines if
メモやドキュメント作成、Qiita投稿の下書きなどにずっとHackMDを利用していたのですが、VSCodeでGitHubGistと連携できる「GIST」という拡張機能を知り、使ってみたらものすごく便利でHackMDを利用する頻度が激減しました。 Visual Studio Code でGitHub Gistを使ってみた https://gist.github.com/nuovotaka/7bfb8130e0be8b3dae83 kenhowardpdx/vscode-gist: vscode extension for quick gists https://github.com/kenhowardpdx/vscode-gist GitHubGistについては下記が参考になります。 Gistsでソースや文書をシェアする - Qiita https://qiita.com/hkusu/ite
VSCodeでRailsのコーディングを快適にしよう! VSCode上でRailsのコーディングを行う際にメソッド名や変数名を自動補完してくれると、やっぱり作業が捗ります。 そこで、VSCodeの拡張機能Ruby Solargraphを使用して実現したいなと思います。 Ruby Solargraphは、コード解析と自動補完用のRubyGemsであるSolargraphをVSCode上で使用できるようにしてくれる拡張機能です。 今回は、以下の2つの条件下でRailsのコーディング環境を整えてみました。 RubyGemsのSolargraphをsystemにインストールする場合 Ubuntu 18.04.3 LTS (GNU/Linux 4.15.0-65-generic x86_64) rbenv 1.1.2-4-g577f046 ruby 2.6.5p114 (2019-10-01 rev
vscode ascii tree generator A vscode extension to generate ascii tree of directories or format selected text to tree string. Usage This extension provides convenient way to generate ascii tree string for directory in workspace explorer. Besides, you can select text in editor and format it to tree string easily. Format Text to Tree String Write simple tree lines in certain syntax (see example below
Customizing IntelliSense You can customize your IntelliSense experience in settings and key bindings. Settings The settings shown below are the default settings. You can change these settings in your settings.json file as described in User and Workspace Settings. { // Controls if quick suggestions should show up while typing "editor.quickSuggestions": { "other": true, "comments": false, "strings":
この記事は以下の条件に当てはまる人向けに書いています。 開発環境が共用のリモートサーバー リモートにssh(sftp)でログインできる VimじゃなくてVSCodeを使いたい gitとrsync samba lsyncdの併用は遅すぎて無理 更新だけじゃなく削除されたファイルも同期したい ローカル→リモートの一方通行でOK (でも削除は検知したい) 純正のリモート同期が使えない事情がある ショートカットキーやパスなどMac仕様なのでWindowsの人は適宜読み替えてください。 拡張機能のインストール sftpを入れる。sftpで検索すると一番上に出てきます。 sftpの設定 Command + P → >sftp で設定ファイルを作成する。 { "name": "foobar", "protocol": "sftp", "host": "foobar", "port": 22, "user
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. sftp sync extension for VS Code Syncs your local directory with a remote server directory. Allows you to optionally edit upload a file to the remote directory after it saves locally. This allows you to edit more or less directly on the server similar to WinScp or other similar programs. Very powerful, with smart feat
はじめに 令和という新しき時代の幕開けにもかかわらず、いまだに「FTPクライアントソフト」(FileZilla、WinSCPなど)でサーバーに手動ファイルアップ作業をしている人、いませんか? そんなあなたに朗報!ちょっとした設定だけで、楽にファイルアップできる環境を整えられるんです。さあ、これからはFTPクライアントを立ち上げてちまちまアップする、そんなひと手間を減らしましょう! (謎の通販番組調…) まずはVS Code(※)でコード編集が完了したら、即サーバーアップできるおすすめの方法を紹介します。 ※ 正式名称:Visual Studio Code。Microsoft製の無料コードエディター また、別の選択肢についても若干触れています。検討のうえ適した方法をチョイスしてみてください。 本記事対象 対象となる人 Webの仕事でFTPクライアントを使用している、または使用せざるを得ない人
エンジニアHub > 記事一覧 > Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する!《VSCode実践入門》 Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する!《VSCode実践入門》 VSCodeは初版が2015年リリースの新しいエディタですが、インテリセンス、ユーザースニペット、Emmet、マルチカーソル、拡張機能というコーディングにうれしい機能が充実しています。VSCodeを検討中あるいは使いはじめたばかりの若手エンジニアが、いち早く初心者を脱出するための使いこなし方を解説します。 はじめまして、KC(けーしぃ、@kcpoipoi)と申します。技術書典6にサークル参加してたら「キミ、Web執筆に興味ない??」とお声がけいただきました。Web執筆は初めてなので至らない点があるかもしれませんが、何卒よろしく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く