Vue.js はじめ
公開日：
最終更新日：
要約
この記事は、Vue.jsを使ってシングルページアプリケーション（SPA）を始める手順を紹介しています。@vue/cliをnpmでインストールし、TypeScriptやVuex、ルーターを含めたプロジェクトを初期化。プロジェクトのフォルダ構成を示し、今後Bootstrapを加える予定としています。node.js環境がなくとも、ビルド済みファイルをApacheで動作させる方法に触れつつ、非同期処理に関わるSocket.ioとの連携についても言及しています。
Vue.jsを使ってSPAを作り始める。
$ npm install -g @vue/cli@Vue/cliをnpmでインストール。
vue create . で初期化。
一応、TypeScript とVuex、あと今後にそなえて、ルーターも加えています。
（TypeScriptはいらなかったかな・・・）
$ tree -L 1
.
├── README.md
├── babel.config.js
├── node_modules
├── package-lock.json
├── package.json
├── public
├── src
└── tsconfig.jsonフォルダの構造はこんな感じ。
これに、今後、Bootstrapを加えて、作業を続けていく予定。
$ npm run serve
node.js が必須なのかと思っていたけれど、Vue.js を使うだけなら、ビルドしたファイルをApacheのディレクトリに放り込めば動きそうですね。
そこに非同期処理（Socket.io）とか混ぜていくなら、node.jsサーバー上で動かす必要が出てくるのかな。よく分からんけれど、進めてみます。