16
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

poiを使って爆速でVue.jsを始める

Posted at

poiとは

Vue.js、React / Preactなどに対応した、設定ファイル不要のビルドツール。
特にVue.jsの場合は、vue本体のインストールすらなしにindex.js1ファイルから開発を始めることができる。

爆速で始める

$ mkdir poi-vue && cd poi-vue
$ touch index.js

エントリーポイントになるファイルを用意する

index.js
import Vue from 'vue'

new Vue({
  el: '#app',
  render() {
    return <h1>Hello World!</h1>
  }
})

爆速感を出すために、npm 5.2以降で使えるnpxを使う

$ npx poi index.js

localhost:4000でDevServerが立ち上がる

スクリーンショット 2018-01-28 22.33.31.png

所感

まだ、とりあえず触ってみたレベルなので、詳しいことは分からないが、単一ファイルで動くサンプルプロジェクトなどを誰かに渡したい場合とかにもってこいな気がしている。
作者のegoistさんが公開しているAwesome Poiを見ると、いろいろなフレームワークに対応したボイラープレートがあるみたいなので、覗いてみるとおもしろいです。

参考

Guide -poi
npxが結構良さそうな件について

16
15
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?