ターニングポイントさん!?

タグ: Visual Studio Code

12時間悩んだ末にDocker + VS Code なWeb開発環境が出来たよ^~

んほ^~

※Windowsを対象にしてるけど、デスクトップ環境でコンテナ動けばどうでもいい。

知っ得情報は後のほうに書いてあるから、実施の段を読み飛ばしてもいい。

◆要確認事項:2020/9/6

手を出すのが、ちょっとはやいかも。あんま悩んでもしょうがねぇから、つみですと思ったら諦めて時が経つのを待てばいいと思う。

どっから話せばいいのかわからんが。すべては時間が解決するものであったりする。

▼Windowのバージョン

Windows Homeはまだ無理かも。なんやかんや試したけど動かんかった。Docker Desktopが動かなくて謎。いやでも18462以上であればHomeでイケるって情報ある。謎。

Postmanからcurlコマンドを出力する

API適当に叩くときに、全脊椎動物がPostman的な兵器を使って戦ってると思うんだけど、たとえばCUIしかないVMとかで同じ内容叩きたい時にcurl使うしかないっすよね。

それについて。

※おまけもあるよ💖

◆結論

POSTMAN Learning Center : Generate code snippets

Visual Studio CodeでCascadia Codeフォント使え

Microsoftくん渾身のTerminal&エディタ向け等幅OSSフォント「Cascadia Code」を、Visual Studio Codeで使用する手順。

◆Cascadia Codeをダウンロードしてくる

Windows Terminal(※2020年現在プレビュー版)を使ってる人は、Cascadia Codeが既にインストールされているだろう。Winキー押して「font」って入力して「フォント設定」を開けば確認できる。Windows Terminalに紐づいてフォントの自動更新をしてくれるから便利。

  • microsoft/cascadia-code
  • Cascadia.ttfをクリック
  • 落ちてくるんで、ダブルクリックとかする。
  • 「インストール」ってボタンが出てきたらいいなぁ。
    少なくともWindowsなら出てくると思う。他のOSは知らん。

◆Visual Studio Codeのフォント設定

キーボードから手を離さずにVS Codeで開発したいという気持ちを大切にしています

みんな~。今日も元気にVS Code使っとるかな?ワシは使っとるよ。

VS Codeはショートカットキー(ホットキー)を駆使するとイイ感じにカッコいいアレが感じるの気がしてるです。
だから教えてやるよ。無料でな!

俺が良く使うものだけ紹介するから、俺の知らない便利機能は出てこない。「これ便利あるよ」ってのがあったら教えていただきたい。

あと、伴ってWindowsやChromeの操作のはなしもする。キーボードから手を離さずに作業しよう。

Vue CLIのserveをVS CodeからChromeでF5デバッグ

聖夜なので記事を捧げます。この狂った世界(Webフロントエンド)へ。
この記事がいつか、世界の片隅に打ち捨てられた震えるチワワフロントエンドエンジニアチワワを救うと信じています。

◆結論

VS Codeで拡張機能をGit管理するんだよ

おうあくしろよ

◆結論

ここみろ

Visual Studio Code : Extension Marketplace #Workspace recommended extensions

◆経緯

Vueでアレするにあたり、Visual Studioで開発をしようとした。そして単一ファイルコンポーネントSCSSを使おうとした。だけどうまいこと認識してくれない。Preview版もダメ。死ねビルゲイツ。

だからもうVisual Studio Codeで開発します。
VS Codeは拡張機能を入れると気持ちがいいんだけど、必要な拡張機能をREADMEとかプロジェクトWikiとかに書いて「ダウンロードして💖」っていうのは結構ファックされちゃうんで、Gitに含めて管理できねぇかと思った。

できた。

C#を試したいってはなし

◆結論

この記事見ろ

C# および Visual Studio Code の使用を開始する

と言いつつ、微妙に解り辛いから端的に手順を示す。

Gitの説明しつつ、OneDriveとVisual Studio Codeの環境を作る

OneDriveとGitとVisual Studio Codeで開発ができます。よかった。
手順について優しめ且つ適当に説明する。”易しめ”ではない。
OneDriveに構築するのだから個人での使用になるだろう。でもOneDriveを例えば社内のサーバーとかに読み替えてもいいと思うよ。

俺もまだGitと寝たわけでは無いから、深いハナシはしてないよ。

また、この記事はGitHubのプロジェクトからコードをもらって開発し始めるものではない。だけどこの記事を一通りプレイしたら、それができるようにならないともいえなくもない事もございませんとも、申し上げません。

もってまわるわね

理解、手順が違っていたり、効率の悪いやり方をしていたらコメントで指摘をしろ。いいな。

◆準備

OneDriveGitVisual Studio Codeを各リンクから落としたり入れたりする。

GitはCodeより先に入れたほうが無難。だと思ったけど、下の追記見て。

追記:
新しく買ったノーパソにGit入れようとしたときに「Choosing the default editor used by Git」なるオプションを発見した。(増えた?)

デフォルトではVimになっているが、「Use VisualStudioCode as Git’s default editor」という選択肢があったのでそれを選んだらいいと思うよ。ただ、その場合先にVS Codeを入れておく必要がある。
ついでに言うと、VS Codeを入れるときに「追加タスクの選択」ってオプションがあるんだけど、良くわからないならそこは全部チェック入れればいいと思う。

chromeの拡張機能開発する① 準備編

作ったことないけど、必要に駆られて作る。

jsとHTMLで作るらしい。まぁーいけるやろ。
この一連の記事の目的は、メモ。
作り方を事細かに解説する気はない。する気はないけどしちゃうかも。

◆作るもの

ページ上に存在するリンクをぶち抜いてリスト化するものを作る。
なんでそんなもの作るのかっていうと、ブラウザゲーから画像ぶっこぬくのが面倒だから。

Powered by WordPress & Theme by Anders Norén