vuex

Vue CLI3

Setup

Installation

まずはVue CLI3のインストールから

Installation | Vue CLI 3

npm install -g @vue/cli
# OR
yarn global add @vue/cli

完了したらVersionを表示してインストール完了チェック

vue --version

vue serve vue buildを使うためにアドオンを追加

npm install -g @vue/cli-service-global

Vueプロジェクト作成

vue create

vue create コマンドでプロジェクトを作成する。

vue create first-project

以下のようにプリセットを使うか、マニュアルで作成するか選択を促される。
今回は、Manualで進めてみます。

Vue CLI v3.4.1
? Please pick a preset:
  default (babel, eslint)
❯ Manually select features

Babel, ROuter, Vuex, CSS, Linter を選択

? Please pick a preset: Manually select features
? Check the features needed for your project:
 ◉ Babel
 ◯ TypeScript
 ◯ Progressive Web App (PWA) Support
 ◉ Router
 ◉ Vuex
 ◉ CSS Pre-processors
 ◉ Linter / Formatter
❯◯ Unit Testing
 ◯ E2E Testing

? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)

---

Vuex とは何か？ | Vuex