LoginSignup
0
0

More than 3 years have passed since last update.

Nuxt.js開発環境構築

Last updated at Posted at 2020-01-19

Node.jsをインストール

以下記事を参考にインストール。
https://qiita.com/Masayuki-M/items/840a997a824e18f576d8

VScodeをインストール

以下記事を参考にインストール。

・VSCodeインストール
https://qiita.com/psychoroid/items/7d85ae6bade4a67aedb1
・日本語化
https://qiita.com/psychoroid/items/8f37d3b32509d428bab8

Nuxt.jsを動かしてみる

コマンドプロンプトを管理者で起動する、
またはVScodeのターミナル>新しいターミナルを開く。
プロジェクトを作成したいディレクトリ配下で、下記のコマンドを実行。

指定したディレクトリに移動
>cd c:\work
Nuxt.jsプロジェクト作成
>npx create-nuxt-app PROJECT_NAME

今回企画のプロジェクト環境設定は、以下画像の通り。
image.png

作成したプロジェクトのディレクトリに移動し、実行。

プロジェクトのディレクトリに移動
>cd demo
実行
>npm dev

http://localhost:3000/を表示し、Nuxt.jsのデフォルトTOP画面が表示されれば完了。
image.png

(おまけ)Nuxt.jsをVSCode上でデバックする方法

以下記事を参考に設定可能。
https://qiita.com/idani/items/ac638d5a0786aaefb8cf
https://qiita.com/keiichi-hikita/items/e4b788a1d39aa88b46e3
http://nullpoint.hatenablog.com/entry/2019/10/14/210107

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0