カテゴリー
Linux

Vue.js のお試し開発環境を構築するシンプルな Docker Compose を用意した

はじめに

以前、 Dockerfile を書かないで docker-compose.yml だけで Node.js 開発環境を用意する方法 にて Node.js のシンプルな開発環境を docker-compose.yml を使用して構築しました。

今回、 Vue.js を使ったアプリをお試しで作りたいです。この時、前回だけでは環境が足りませんでしたので、ノートいたします。

カテゴリー
Linux

Dockerfile を書かないで docker-compose.yml だけで Node.js 開発環境を用意する方法

はじめに

ちょっとお試しで Vue Material Design Component Framework — Vuetify.js に入門したいと思いました。

この時、 Docker を使って開発環境を用意しようと思いましたけれども、最初は Dockerfile を使ってあれこれチューニングすることなく、シンプルに始めたかったのです。

そのために少し調べるような手間が発生しましたので、今後のためにメモしておきます。

カテゴリー
Linux

『Vue.js入門 基礎から実践アプリケーション開発まで』 10.2 コンポーネントの実装 に取り掛かる前に実行した npm run unit の結果がわからない

わからない

  • このまま進めていってよいのか、わからない
  • レポートの読み方が、わからない 
カテゴリー
Linux

『Vue.js入門 基礎から実践アプリケーション開発まで』 8.8.7 単体テストユーティリティの導入 ● Vue Test Utilsによる効率化、の PhantomJS が動かなかったので ChromeHeadless で動くようにした記録

はじめに

  • 『Vue.js入門 基礎から実践アプリケーション開発まで』
    • 8.8.7 単体テストユーティリティの導入
      • ● Vue Test Utilsによる効率化

単体テストコードの編集が完了したら動作確認のため、 npm run unit で単体テストを実行しましょう。

実行しましたら、動きませんでした><。修正内容をノートいたします。

カテゴリー
Linux

Dokcer 環境で、vue init したプロジェクトで npm run dev したときにウェブブラウザから確認するときにできず、ハマった問題を解決した方法

解決方法

  • host を localhost から 0.0.0.0 へと修正する。

config/index.js

     proxyTable: {},
 
     // Various Dev Server settings
-    host: 'localhost', // can be overwritten by process.env.HOST
+    host: '0.0.0.0', // can be overwritten by process.env.HOST
     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,