OniVimとは Oni is a new kind of editor, focused on maximizing productivity - combining modal editing with features you expect in modern editors. Oni is built with neovim, and inspired by VSCode, Atom, LightTable, and Emacs https://github.com/onivim/oni OniVimはVSCodeやAtom等にインスパイアされた, NeoVimベースのクロスプラットフォームGUIエディタです. 内部的にはReact+Electronで作られていて, デフォルトでJSX記法のシンタックスハイライトに対応していたり, ブラウザを内包していたりして, 拡張性がかなり高く
はじめに Visual Studio CodeやAtomに言語のシンタックスハイライトを加えるにはtextmateというエディターが採用している記法で構文を定義します。 なぜtextmateの方法が採用されているのかは知らないのですが,どういうわけか広く利用されているようです。 構文を定義する textmate的構文定義は .tmLanguage .json .plist など様々な方法で記述できるようです。 個人的にはJSON版が扱いやすそうです。 英語ですが公式のドキュメントがあるので,重要そうな部分だけを説明します。 概要 構文は再帰的に定義できます。 あるブロックを認識してそのブロックは3つの構文に分解され最初の構文は別の構文によって処理される...のように記述できます。 定数を数値定数と文字列定数に分けるなど,できるだけ細かい単位で構文を作っておくと include機能を使って使
const fs = require('fs'); const path = require('path'); const vsctm = require('vscode-textmate'); const oniguruma = require('vscode-oniguruma'); /** * Utility to read a file as a promise */ function readFile(path) { return new Promise((resolve, reject) => { fs.readFile(path, (error, data) => error ? reject(error) : resolve(data)); }) } const wasmBin = fs.readFileSync(path.join(__dirname, './node_m
Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding. Boot a fresh environment in milliseconds. Instant dev experiences Wait, I can enjoy web dev again? Significantly reduce time to market with matchlessly secure, instantly reproducible, fullstack dev environments which boot in milliseconds. Instant Bug Reports Create zero-
2017/07/11(Tue) 時点の情報に基づいています Angular をやるのに Visual Studio Code (以降 VSCode) は相性ばっちりで、デフォルト設定でもほぼストレスなくプログラミングできるのが素晴らしいですが、以下の VSCode Extension をインストールすれば、さらに効率アップが図れます。 Angular Language Service Angular 本家が開発している Extension で template に対してプロパティ補完をしてくれる強力な Extension です。存在しないプロパティを指定すればエラーチェックがかかって教えてくれます。 Path Intellisense ファイルパスを補完してくれる Extension です。例えば Component の templateUrl や styleUrls に外部の HTML
背景 今まではAtomを使っていましたが、重いため(メモリが食いすぎで3時間くらい使ってると7GBくらいいってる時がある。。。)乗り換えを検討していました。 いずれはVimmerになりたいなーと思いつつも、キャッチアップに掛ける時間があまり取れなかったため、なかなか乗り換えられずにいました。 そんな中、「VisualStudioCodeがいいよー」と知人から聞いたため、試しにやってみたら思いの外良かったので、乗り換えてみました。 その感想と、入れた拡張機能+設定をメモします。 (今更ですが。。。) 特徴 公式の特徴 Mac OS X、Linux、および Windows、あらゆる OS、言語で動く Mac OS X、Linux、および Windows 、あらゆるプラットフォームで使用可能です。さらに、30 種類以上のプログラミング言語をサポートします。 Microsoft製なのにMac,Li
(追記)2.0に対応しました。(2016/09/15) ここに書いていることは全て自己流のオレオレ環境なのであまり鵜呑みにしないでください。 今回のGitHubリポジトリ→ovrmrw/ovrmrw-ng2-env-20160725 まずは僕のマシン環境から。 Windows 10 64bit or 7 32bit Visual Studio Code (stable) 1.3.1 Node.js 6.3.1 Git 2.8.1 GitHub Desktop (Node.jsはnvm-windowsでインストールしています) Angular2やるならこれぐらいは最低限インストールしておく必要があります。 WindowsにおけるNode.jsの環境構築はWindowsでnpm installの赤いエラーに悩まされているアナタへも合わせてどうぞ。 Node.jsの6系はnode-sassインス
About the content This talk was delivered live in June 2016 at goto; Amsterdam. The video was transcribed by Realm and is published here with the permission of the conference organizers. Introduction My name is Alex Dima, and I’m a senior software engineer on the Visual Studio Code team at Microsoft. We work out of Zurich, and today I would like to cover about some of the lessons we’ve learned whi
In this article, I am going to explain firstly how to configure an Application architecture, using Angular2 with Visual Studio code. In this, I am using systemjs.config.js to load modules compiled, using TypeScript compiler. There are lots of ways to load the modules in Angularjs2 e.g Webpack, Gulp, Grunt, etc. but I am going to develop an example, using systemjs.config.json. Install node.js on yo
Angular Language Service Features This extension provides a rich editing experience for Angular templates, both inline and external templates including: Completions lists AOT Diagnostic messages Quick info Go to definition Download Download the extension from Visual Studio Marketplace. Configuring compiler options for the Angular Language Service The Angular Language Service uses the same set of o
やること Expressの開発をVisual Studio Codeで行う環境を作ります visual studio code のサイトに TypeScriptでExpressのサンプルがあるのですが、ちょっと気になるところがあるので、そのへんを直しつつ、開発環境を作りたいと思います。 ダウンロード 元ネタはここにあります。感謝しつつ使わせて頂いております。 直したいところ 個人的には次の箇所が気になりました。 gulpをグローバルにインストールして使う感じになっている。 ローカルにインストールして、他のプロジェクトとバージョンの競合とかを気にしなくてもよいような環境にしたい。 srcの中に*.tsと*.lessのコンパイル結果を出力している。 出力結果をまとめるディレクトリを用意してそこに出力したい。 testsについても同様に、コーディング対象なのかコンパイルして出力したファイルなのか
I wish to make it clear that I am extremely interested in new technologies, libraries, paradigms, and patterns. Cycle.js quickly caught my eye as I was going through material about Redux’s prior art. Let’s just get things started quickly. NOTE: Since most of the tooling and platform used are cross-platform, I will be referring to the “shell” often. This means Command Prompt on Windows, Terminal on
こんばんは、cloudpack の @dz_ こと大平かづみです。 Prologue - はじめに Bluemix で Node.js のウェブアプリを作りたくて、まずはローカルマシンに環境を作ってみました。 さらに、Node.jsのデバッグもできる Visual Studio Code のデバッグを試してみます♪ 開発環境 Node.js npm Express Visual Studio Code Windows 10 各種インストール Node.js のインストール Node.js でインストーラーをダウンロードし、インストーラーを実行します。 Node.js のインストーラーを指示に従いながらインストールします。 Visual Studio Code のインストール Visual Studio Code でインストーラーをダウンロード・実行し、インストールします。 Express
1 はじめに 前回も紹介しましたが、Visual Studio Code(以下VS Code)でJavaScriptを書く場合に、型情報をうまく認識させると、格段に使い勝手が向上します。 公開当初、VS Codeでは、tsdを使用して型情報を取り込み、下記のようなリファレンスをコードに挿入する方法が取られてました。 /// <reference path="node/node.d.ts" /> このため、今でも、この方法を解説するドキュメントが多数公開されています。 しかし、Version 0.5.0 以降では、jsconfig.jsonを置くことで、上記のような挿入は必要なくなっています。 また、型情報の取得も、公式ドキュメントでは、tsdからtypingsにさらと変更されています。 Node.js Applications with VS Code 公式ページのビデオで紹介されている、
1 はじめに 約1年前、アルファ版として登場した、Visual Studio Code(以下VS Code)ですが、昨年11月には、ベータ版となり、またオープンソースとしてコードも公開されました。 公開以来、毎月のように更新・強化されており、使用方法も微妙に変化して来ていますので、今回、改めて基本的な使用方法をまとめてみました。 本記事は、VS Codeがインストールされており、下記のコマンドで、起動できるようになっている事を前提に始めます。 $ code . もし、まだ、インストールされていない場合は、下記をご参照ください。 Setting up Visual Studio Code また、Node.jsについてもインストールが完了しているものとします。 $ node -v v5.9.0 2 簡単なサーバープログラムの作成 (1) プロジェクトの作成 プロジェクト名をSampleAppと
2017/05/30追記 こちらに新しく同じ目的の記事を書き直しましたので、現在ではこちらをご覧下さいませ。 http://qiita.com/t-mimura/items/048bf2e3baa15daf30d8 2016/03/28追記 文中では tsd を利用していますが、現在は typings を使うことが推奨されていますので、そちらをご利用ください。取り急ぎ注記のみで申し訳ありません。(タイミングがあれば書き直します...) はじめに この記事は さくらインターネット Advent Calendar 2015 18日目の記事です。 クリスマスまであと1週間です。たぶん。 普段はフロントエンドの開発をしていますが、今回はExpressのことを書きたいと思います。 やること Visual Studio Code (以下 VSCode) を使ってExpressの開発を始めるまでを流して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く