行く記憶の流れは絶えずして

戻ってこないのでメモするところ

vue-cliに手を出す

久々の技術の話。

職場ではjQueryが流行っている中、革命野郎がvue.jsを布教しだした。

使いやすいFWだったので、たまにはいいこと言うねと(上から目線)。

レンダリングはクライアントで、サーバーはリソースとjson配るみたいな流れを感じる。

 

革命野郎はnpmとか使っているらしく、私はそちらの知見は全く無い。

vueという新しい環境を覚えるので、せっかくならと導入してみる。

参考サイト:

もうgulpやwebpackで消耗しない!vue-cliを使ったVue.js開発 | Black Everyday Company

 

  • yum install npm
  • npm install -g vue-cli
  • vue init webpack test

で、エラーが出る。

/usr/local/lib/node_modules/vue-cli/node_modules/metalsmith/lib/index.js:190

nodeのバージョンが古いらしい。見てみたら0.12とかだった。

そのため、

  • npm install -g n
  • n stable

とかやると7.4になる。ここから

  • vue init webpack test
  • cd test
  • npm install

それから、

  • npm run dev:開発サーバー実行
  • npm run build:本番ビルド
  • npm run unit:ユニットテスト
  • npm run e2e:結合テスト
  • npm run test:unit+e2e
  • npm run lint:lintによるコードチェック

使いながらぼちぼち覚えていくさ~