フロントエンド界隈の闇といえば、開発をはじめる前に周辺ツールで消耗すること。 以下の記事を見ていただくと、わかるかと思う。 1年半ほど前に書いた記事だ。 フロントエンド初心者だった私が、Vue.js(0.12)を使ってTypeScriptでChrome拡張機能を開発しようとしたとき、本題の「Vue.js」を触るまでに以下のツールを学ばなければならなかった。 npm: nodeのパッケージ管理ツール bower: フロントエンド系のライブラリ管理ツール tsd: TypeScriptの型情報管理ツール gulp: タスクランナー(ビルドやテスト自動化のため) webpack: モジュールバンドラー(ファイルを1つにまとめ依存解決するため) ts-loader: TypeScriptをwebpackでビルドするときに使うプラグイン Jasmine: テストツール(BDD) mocha+chai
![もうgulpやwebpackで消耗しない!vue-cliを使ったVue.js開発](https://cdn-ak-scissors.b.st-hatena.com/image/square/f7a78241010e6abed43a459df4f94c9c64b34f59/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEiaO3ZOy99UbdGeR55GUJS8FGNzM8RW3OOtkn970iNSL-VVayf5vG_vbTcFW3HOAYgXTpXY6DY9ADDQRCdowRE5lZc1baiR7VOTUQiogIiWNOhR18OoPAfMdXDQbKTwZtYs6Z2bTChGWotl%2Fw1200-h630-p-k-no-nu%2Fvuejs.png)