1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Nuxt.js Vuetify入門 個人メモ

Last updated at Posted at 2025-01-26

1. npmインストール

参考:https://develop365.gitlab.io/nuxtjs-2.8.X-doc/ja/guide/installation/

$ npm install -g npx

2. Nuxt.jsインストール

コマンド実行後に質問されるので、コマンド実行前に以下を確認することがおすすめ。
参考:https://zenn.dev/melos/articles/3e083ecda8440b

$ npx create-nuxt-app nuxt_study

・メモ:TypeScriptとVuetify.jsを選択

3. フォルダ構成(私の場合の例)

▪️ フォルダ名:nuxt_study
・assets
・components:コンポーネント
・layouts:親画面みたいなもの
・node_modules:CSSとか
・pages:子画面みたいなもの
・static:ファビコンとか
・store
.editorconfig
.gitignore
nuxt.config.js
package-lock.json
package.json
README.md
tsconfig.json

$ npm run dev

http://localhost:3000/
image.png

  1. 参考
    ありがとうございました。
    https://develop365.gitlab.io/nuxtjs-2.8.X-doc/ja/guide/installation/
    https://zenn.dev/melos/articles/3e083ecda8440b
1
1
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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?