Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

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

More than 3 years have passed since last update.

poiとは

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

https://poi.js.org

爆速で始める

$ 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が結構良さそうな件について

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away