WebStormでKarma+Mocha+power-assertのjavascriptテスト環境を作る - Qiita
npmでパッケージを揃える グローバル npm install -g grunt-cli bower プロジェクト環境 npm プロジェクトルートに以下のpackage.jsonを置いてnpm installするとパッケージが揃います { "engines": { "node": ">= 0.10.0" }, "devDependencies": { "grunt": "~0.4.2", "karma-mocha": "^0.1.3", "karma-phantomjs-launcher": "^0.1.4", "grunt-espower": "^0.6.0", "grunt-karma": "^0.8.2" } } bower bower install power-assertでpower-assertと依存パッケージがインストールされます。 Grunt設定 プロジェクトルートにGr
WebStorm 8.0.1 Bug Fix Update is Available: node-webkit, TypeScript 1.0 and Sass 3.3 | The WebStorm Blog
WebStorm 8.0.1 bug fix update (build 135.621) is available now. If you’re using WebStorm 8.0, you’ll get a notification about available update or you can check for updates manually and make a patch-update. Or, if you like, you can download a fresh installer on the WebStorm site. This update is focused on various fixes and improvements including: improvements in Grunt console UI; full support for S
第44回 ［最終回］vimキーバインドを提供するIdeaVIMについて | gihyo.jp
はじめに 唐突ですが今回が最終回です。今までも好き放題書いてきましたが、最終回はさらに趣味に走ってIdeaVIMプラグインだけの話をします。 IdeaVIMとは、名前から想像できるようにvimの機能を再現するプラグインです。それなりに再現度が高いこともあり、地味に人気のあるプラグインです。筆者はかれこれ10年以上、このプラグインを愛用しています。 IdeaVIMの歴史 プラグインの中でも古参のほうで、2003年にはすでに存在していました。もともとは一人の有志の方が作ったプラグインでしたが、作者のRick Maddyさんが「Java関係の仕事から離れそう」という事で、後継者を募ったところJetBrains社のOleg Shpynovさんが名乗り出ました。登場時から人気もあり、JetBrains社の人（いわゆる中の人）がコミッタになった事もあって、いつの間にかJetBrains公式プラグインと
WebStorm 8.0 Release Candidate | The WebStorm Blog
We are in the homestretch with the WebStorm 8.0 release. And right now we’d like to introduce WebStorm 8.0RC, shipping not only enhancements and fixes, but also a new feature – Grunt console! WebStorm 8.0RC is available for download on the WebStorm website, where you can also find the list of all new features with description and screenshots. You can also look through the release notes. We would h
WebStorm 8 EAPの提供開始 | Post Blog
WebStorm 8のアーリーアクセスプログラムを開始いたしました。こちらよりダウンロードしていただけます。 これまでのところ、WebStorm 8のロードマップで予定しているたくさんの機能のうち数個だけ実装が完了した状態です。ぜひ皆様のフィードバックをお寄せください。今後のEAPビルドでもっともっと多くの新機能を追加していきます。 今回のEAPで実装された機能は以下の通りです: より強化されたAngularJSサポート Spy-js JavaScriptトレースツール連携 AngularJSサポートはプラグインの追加インストールなしにお使いいただけるようになりました。 AngularJSでは以下の機能がお使いいただけます: ディレクティブの補完(内蔵とカスタム) ビルトインタグのクイックドキュメンテーション(WindowsではCtrl+Q、MacではCtrl-J)、Shift-F1でAn
WebStorm 7.0.2 RC: Mocha and improved Dart support | The WebStorm Blog
We are making WebStorm 7.0.2 Release Candidate available for update and download now. Finally, we are ready to show you Mocha support in WebStorm. You can run tests with this simple, but yet powerful JavaScript test framework in one click right in the IDE. Also quite a lot of work was done to improve the support for Google Dart. The full list of updates and fixes is available in the release notes.
WebStorm 7 build 130.1167 | The WebStorm Blog
Today we’re releasing a new EAP build of WebStorm 7. The new build contains a good amount of new features for you to enjoy: Initial support for TypeScript 0.9, including the support for generics; Support for istanbul code coverage engine for JavaScript; Redesigned REST Client UI with support for requests history, import/export, compressed responses and other improvements; We’ve also redesigned Liv
Tools > Run Command… で困らないために - Qiita
IntelliJ IDEA シリーズはコマンドラインシェルをウィンドウの中で起動できて、IDEの機能にまだないちょっとしたコマンドを実行することができる。...はずなんだけど、環境変数が足りなかったり、欲しいコマンドにパスが通っていなかったりする。おもむろに npm install … とかやって実行できなくて焦る。 落ち着いて、 Tools > Run Command… で env と打つと、PATH が /usr/local/bin 等の便利なところに通っていないのがわかる。これでは使いたいコマンドをすぐに使うことができない。 どうやら .launchd.conf ではダメっぽいので訂正です。このtipsは間違いでした。正しくは… Launchpadからいきなりアプリケーションを起動するんじゃなくて、自分の環境が整ったシェルから起動すれば、その環境を引き継いでくれます。 Tools >
WebStorm 7EAPのkarma連携について
WebStorm 7 EAP がリリースされましたが、今まではJsTestDriverぐらいしかテスト連携のサポートは入っていませんでしたが、karmaのサポートが追加されました。 KarmaとWebStormの設定 まだ、karma@canary(いわゆるdevloperバージョン)でしか動かないらしいので、 以下のように karma のcanaryをインストールします 今回は、デフォルトのJasmineの構成にしました。 次にWebStormでプロジェクトを開いて、WebStormのkarmaの設定をします。 RunDebug Configurationsにkarmaが増えているのでそれを追加して、 karma.conf.js のパスを設定してあげればWebStormの設定は完了です。 Karmaのテストを実行 作成したConfigurationsをRunするとKarmaサーバが起動し
WebStorm 7 EAP | The WebStorm Blog
Here at the Fluent conference in San Francisco, we’re happy to announce the release of the first Early Access Preview build of WebStorm 7. The new features so far include: Completely redesigned JavaScript debugger backend for Chrome based on WebKit Remote Debugging Protocol, as well as for Node.JS based on the V8 protocol Simplified Node.js remote debug — you don’t need to specify local directory
PhpStormでVimキーマップ
PhpStorm(WebStorm) のキーマップを Vim っぽくするプラグイン IdeaVim プラグインを紹介します。 PhpStorm はとても強力な IDE ですが、Vim 好きの私は コーディングしていると Vim が恋しくなります。矢印キーが遠い、カーソルを横方向への移動させる手段が乏しい・・・。MacBook Air で開発しているとき特にそう感じていました。そんな私を救ってくれたのが、IdeaVIMプラグインです。 IdeaVimプラグインをインストールすると、PhpStormでVimキーマップを利用することができます。IdeaVIMプラグインにより提供されるVimの機能は、本家Vimと比べて足りない所もありますが、それなりにVimっぽく動作します。 動作確認環境 PhpStorm5.0.2IdeaVIMプラグイン0.23.93 目次 IdeaVIMプラグインでサポートさ
What’s New in WebStorm 2023.3
What's New in WebStorm 2023.3 Improvements to the Angular, Svelte, and Vue support, AI Assistant, updates for TypeScript, and support for Cypress, Playwright, and the Node.js native test runner. We’ve improved support for strict template type checking in Angular templates. We’ve also added initial support for the new control-flow syntax from v17 and signals support, including live templates like s
WebStormのデバッガでBuster.JSのテストをデバッグをする方法
WebStormのデバッガをBuster.JSのテスト実行時に使う方法についてです。 最初に要約を書いておくと buster static で静的なURLのテストページを用意する WebStormのデバッガ(ブラウザ)でそのURLを開く です。 WebStormのデバッガは、デバッガ連携できるブラウザ(ChromeとFirefox)で指定したURLを開いてデバッガを使う感じ 以前、Testacularを使った場合を紹介しましたが、TestacularはちょっとWebStorm向けに小細工が用意されてる感じなので、 今回のほうがもう少し一般的な感じの内容になると思います。 やっていること自体は下記の記事で解説されているのと同じで、ちょっとパスが違ったり使うコマンドが違う感じなだけだと思います。 WebStormからtestacularでテストとデバッグをする方法 | Web scratch
Validating JavaScript code with JSDoc types annotations | The WebIDE Blog
IDEs AppCode CLion DataGrip DataSpell Fleet GoLand IntelliJ IDEA PhpStorm PyCharm RustRover Rider RubyMine WebStorm Plugins & Services Big Data Tools Code With Me Quality Assurance JetBrains Platform Scala Toolbox App Writerside JetBrains AI Grazie Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Am
WebStormからtestacularでテストとデバッグをする方法
AngularJSで使われてるTestacularではWebStormからテストを実行してデバッグする事を想定した作りになっています。 (AngularJS自体もJetBrains Plugin Repository :: AngularJSプラグインがあります) Testacular – Spectacular Test Runner for JavaScript WebStorm Testacular Documentation — Testacular 0.2.1 documentation 公式のデモ動画(Testacular – JavaScript Test Runner – YouTube)でもWebStorm Integrationが紹介されていますが、 ちょっと古くて設定が変わってる(一応キャプションで補足入ってる)のと分かりにくいので、その部分だけ抜き出して紹介します。
改めて最強のJavaScript IDE 「WebStorm」についてまとめてみた(改訂版)
WebStormはHTML(5)+CSS+JavaScript等をメインに扱う、Windows, Mac OS X、Linuxのクロスプラットフォームに対応したIDEです。 これを読む前に以下の文章を見ておく必要があります 最強のJavaScript IDE 「WebStorm」を使ってみた | Web scratch この記事はWebStorm1.0の頃にかかれたものです。 横浜JSTDDハンズオンでWebStormについて発表してきた | Web scratch WebStorm指南書 この記事はWebStorm 4.0 EAPの時に書かれたものです この記事は、WebStorm 1.0 から WebStorm 5.0までの変更や追加機能等を最強のJavaScript IDE 「WebStorm」を使ってみたをベースにまとめたものです。 購入方法 既に購入済みな方などは飛ばして大丈夫で
WebStorm 5.0 released: introduces Live Edit and Jade, better JSDoc and Sass/SCSS & more | The WebIDE Blog
News WebStorm WebStorm 5.0 released: introduces Live Edit and Jade, better JSDoc and Sass/SCSS & more WebStorm 5.0, a major update to our professional JavaScript IDE is available for immediate download and we are very excited to deliver to you what we’ve done! We have covered some of the new features here on the blog, and will continue publishing more. But here are the major additions this update
Debugging your JavaScript app using WebStorm – GameFromScratch.com
In the past I mentioned and even recommended HTML5 developers give WebStorm a shot, this is the IDE I use personally when working in JavaScript, but I realized I never actually said why. One of the big reasons is, its just a good solid text editor, with good project management and solid code completion, which is an area most tools fail at. But one of the biggest reasons is, it gives a rock solid
New in 5.0: Google Closure Compiler JSDoc annotations | The WebIDE Blog
IDEs AppCode CLion DataGrip DataSpell Fleet GoLand IntelliJ IDEA PhpStorm PyCharm RustRover Rider RubyMine WebStorm Plugins & Services Big Data Tools Code With Me Quality Assurance JetBrains Platform Scala Toolbox App Writerside JetBrains AI Grazie Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Am
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JetBrains: Essential tools for software developers and teams
