Vue.jsでTypeScriptを利用する

Vue.jsでTypeScriptを利用する

Vue.jsでTypeScriptを利用する手順。

環境

  • OS  CentOS 8.0.1905 (Core)
  • node v12.13.1
  • npm 6.13.2
  • @vue/cli 4.1.1

プロジェクト作成

type-testという名前で作成します

Manually select featuresを選択

TypeScriptを選択します。

後は下記のように選択してます。

起動してみます。

ブラウザから http://プライベートIP:8080にアクセスすると、Welcome to Your Vue.js + TypeScript Appと表示されています。

テキストデータを表示してみます。

type-test/src/components配下のHelloWorld.vueを下記のように編集します。

ブラウザから http://プライベートIP:8080にアクセスするとテキストが表示されます。