Visual Studio CodeでTypeScriptを書くときのオススメ設定 - なになれ
2018/12/10 コードフォーマットに関してPrettierの情報を追記 TypeScriptにある便利機能をVisual Studio Code(以下、VSCode)がいい感じに可視化してくれるので、この二つの組み合わせは非常に良いです。 その中でも個人的に良いと思った機能と設定方法を紹介します。 なお、動作確認は以下のバージョンで行なっています。 Node.js: 6.11.1 TypeScript: 2.4.2 VSCode: 1.14.2 tslint: 5.5.0 誤りを教えてくれる Compiler Optionsの--strictを有効にする https://www.typescriptlang.org/docs/handbook/compiler-options.html --strictを有効にすることで、Compiler Optionsの以下を全て有効にしたことと同
夢やぶれて・・・ VSCodeでファイルの自動エンコーディングを実現したかった話 - Qiita
はじめに これは Visual Studio Code Advent Calendar 2016 の8日目の記事です。 みなさん、VSCodeつかってますか? 僕はといえば、昔Atomを愛用していたことをすっかり忘れて日々VSCodeライフを満喫しております。 そんなVSCodeですが、日本(語)で働く我々にとって避けては通れぬつらみがありますよね。 そう、デフォルトのファイルエンコードがUTF-8のときに、ほかのエンコードのファイルを開くと文字化けしちゃう、あれです。 これは、VSCodeの非UTF-8エンコーディング問題に立ち向かった一人の男の物語である…! Preferenceで設定できますよ? そうなのです。ファイルが全て非UTF-8であれば files.encoding を変更すれば解決です。 ※ 常に非UTF-8ならユーザ設定、そのプロジェクトのみの設定ならワークスペース設定を
VS Code でドキュメントの空白文字を見やすくしてみる - Qiita
VS Code で、ドキュメント内の空白文字を可視化させて、判別し易くしてみるにはどうすれば良いか？ 一例として、ちょっとまとめてみました。 もともとは、下記のようなつぶやきを見つけたので、 Visual Studio Codeを使っている方でeditor.renderWhitespaceを有効にした場合に出てくる「・」をわかりやすくする方法知りませんか？ Atomみたいに色が変わるとか？ #code #visualstudio — 高木徹 (@TTrpbm) 2016年12月30日 このように返してみたら、 @ttrpbm editor.renderWhitespace と直接関係なく、トグル操作になってしまいますが、この拡張機能はいかがでしょ？ Whitespace+ Config で色の変更もできます。https://t.co/IbtwtApVFq — Kazuyuki Sato (
Extension API
Version 1.91 is now available! Read about the new features and fixes from June. Visual Studio Code is built with extensibility in mind. From the UI to the editing experience, almost every part of VS Code can be customized and enhanced through the Extension API. In fact, many core features of VS Code are built as extensions and use the same Extension API. This documentation describes: How to build,
Thimble by Mozilla - An online code editor for learners & educators.
Thimble was a code editor for people who love the web. Looking for Thimble projects? Users migrated their projects to the Glitch platform in 2019. If you’re looking for a similar experience, go check them out! Learn more about Thimble and the transition to Glitch below. Mozilla loves the web and people like you who make it. Find out how we can celebrate and protect it together! HistoryThimble was
さよなら、Emacs - 三等兵
ついにこの時を迎えてしまった。 不満はない。しかし、居心地のよいHelm.elとお別れをしなければならないのかと思うと小指の古傷がうずいて仕方がない。私を引き止めようとしているのだろうか、まるで考えなおせといわんばかりに。 だが、私の小指はもう…...。 …...いや。 ああ、少し昔話をしよう。 私はその昔、Emacsを最高に使いこなせるようにと小指の修行をしていた。もうずいぶん昔の話だ。 2,3年ぐらい前だ。 なぜそのような修行をしていたのかというと最高の小指を用意するためである。もちろん、最高のEmacsに応えるために。 iPadやiPhoneは小指だけで操作し、かの松尾象山も躊躇したという片手小指逆立ち、小指ピンポンダッシュ、アマゾンの奥地にて小指を餌に見立てたピラニア小指一本釣りなど、様々な修行をしてきた。 なかでも特に困難を極め、私の小指もこれまでかと覚悟した修行がひとつあって、
EditorConfig
What is EditorConfig? EditorConfig helps maintain consistent coding styles for multiple developers working on the same project across various editors and IDEs. The EditorConfig project consists of a file format for defining coding styles and a collection of text editor plugins that enable editors to read the file format and adhere to defined styles. EditorConfig files are easily readable and they
Big Sky :: IDE としての Vim
この文章は、http://yannesposito.com/Scratch/en/blog/Vim-as-IDE/ で掲載されている「Vim as IDE」の翻訳文です。 文内の全てはの筆者による物であり、訳文の内容については私による物となります。意訳が若干入っています。間違い等あればご連絡下さい。 Vim as IDE tl;dr: 如何に Vim を効率の良い IDE として使いこなすか Learn Vim Progressively (訳者注: 日本語訳)では Vim が如何にテキスト編集に優れ、かつファイルを操縦できる偉大なテキストエディタであるかについて示した。この短い記事では、私が如何にして Vim を IDE として使っているかについて見る事が出来るだろう。そう、主に幾つかの素晴らしいプラグインを使う事により。 1. Vim Plugin Manager Vim のプラグイン
Sublime、Vim、Emacs、AtomなどにIntelliSense機能を追加する「OmniSharp」、マイクロソフトがデモ
Sublime、Vim、Emacs、AtomなどにIntelliSense機能を追加する「OmniSharp」、マイクロソフトがデモ Sublime TextやVim、Emacsなど既存のテキストエディタに対して、マイクロソフトのVisual Studioが備えているIntelliSense機能を追加できるオープンソースソフトウェア「OmniSharp」のデモが、日本マイクロソフトが1月16日に開催したイベント「GoAzure」の基調講演で披露されました。 OmniSharpのデモを行ったのは、米マイクロソフト Principal Program ManagerのScott Hanselman氏。.NET CoreがオープンソースとなってMacOS XやLinuxに移植され、C#も使えるようになることを紹介した上で、「MacやLinuxでのソースコード修正は手間だ、IntelliSense
MeryWiki
あいまい検索、折り返しインデントに対応。テキストエディター「Mery」ベータ版 Ver 3.5.9 を公開 知っておくと便利なテキストエディター「Mery」の 10 個の小技 テキストエディター「Mery」の配色テーマ集 シンプルであること 使い慣れた操作感 Mery は初心者でも気軽に使えるように、Windows 標準のメモ帳に似た操作方法を採用しています。操作を新たに覚える必要はありません。いつも通りの感覚で、メモ帳を開くように Mery を起動してください。 ユーザーに合わせた機能拡張 Mery は一般的なテキストエディターの基本機能を備えており、プラグインやマクロを使ってさらに機能を追加できます。自分の好みや必要に応じてカスタマイズしてご活用ください。また、便利なプラグインも豊富に用意されていますので、ぜひお試しください。マクロの作成も簡単ですので、気軽に挑戦してみてくださいね。
Big Sky :: Vimテクニックバイブル ~作業効率をカイゼンする150の技
名無しのVim使いでお馴染みの小見さんにお誘いを受け、執筆のお手伝いをさせて頂きました。 これまで僕が持っていたVim本は、「Viとは」から始まりページ数の半分くらいで操作方法、最後の方にようやく「GVimとは」が現れる、あまり奥にまで入り込んでいない書籍でした。 もちろんこれらの本も僕を喜ばせる事は出来たのですが、なにぶんページの殆どが知っている情報だったので僕にとって「ワクワクする本」では無かったんです。 ずっと最新情報取り入れたVim本出ないかなと思ってました。 そんな中、小見さんから話を持ちかけて頂き、まさか自分がその著書を作るなんて思っても見なかったけど即答でOKを出させて頂きました。 僕が最初に見たViは大学の某研究室にあったSONYのNEWSというUNIX上で友達が動かしていた物。その時は変な操作方法だなぁとしか思ってませんでした。 それから就職した会社のワークステーションで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - react-page/react-page: Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids.
Glitch