プログラミング学習やフリーランスエンジニア情報を発信していきます。現役フリーランスエンジニア2人で運営してます!

  1. フロントエンド

TypeScriptでNuxt入門【5分で環境構築】

最終更新日:2018/09/23

本記事では、NuxtTypeScriptで開発できるテンプレートをサクッと入れて立ち上げる方法を解説します。タイトルの通り5分あればできます。

Vue Cliのインストール

Vue CliはVue開発をサポートしてくれるコマンドラインツールです。まだインストールしてない人は以下のコマンドでインストールしましょう!

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

v3からVue Cliにvue initコマンドが含まれなくなったのでインストールします。

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

プロジェクトの作成

nuxt-communityによってNuxt.js + TypeScriptのテンプレートが用意されています。以下のコマンドを実行しましょう。

vue init nuxt-community/typescript-template my-project

上の処理が終わったら以下のコマンドを実行して立ち上げます。

cd my-project
npm install
npm run dev

http://localhost:3000にアクセスしてみましょう!以下のような画面が表示されるはずです。

以上で終了です!5分もかかりませんでしたね。

The following two tabs change content below.

riri

25歳。 Twitter:りりー@ryudoi1 // windii socialというslackチャンネルで質問や雑談等受け付けてるので気軽に参加してください!(もちろん無料です) フリーランスになるまでの過程は こちら

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP