Vue.js Training

プロジェクト作成

Vue CLIのvue createコマンドを使用してプロジェクトを作成しています。

設定

以下のオプション機能を追加しています。

• Babel
• Vue Router
• ESLint + Prettier

開発環境構築

Node.jsをローカル PC にグローバルインストールし、当リポジトリを clone 後に以下のコマンドを実行してください。

依存パッケージインストール

npm install

開発サーバー起動

npm run serve

VSCode

User/settings.jsonに以下を追記しておくとファイル保存時に自動フォーマットが走ります。

"editor.formatOnSave": true

Google Chrome 拡張機能

Chrome ウェブストアからVue.js devtoolをインストールしておくと検証ツール上で簡単にデバッグできます。

本番用ビルド

npm run build

Lint

npm run lint