Node.jsインストール方法
Node.jsというwebページ作成に便利なものがあることを知ったので、インストールから使い方まで説明していこうと思います。
動作環境
- OS : macOS Big Sur 11.4
- Node.js : 14.17.3 LTS
Node.jsのインストール
- 以下のURLから推奨版をインストールしてください。個人的には最新版は不具合の影響でうまくいかなかったりするため推奨版を使用
https://nodejs.org/ja/
Node.jsのプロジェクトを作成
- 以下のコマンドを実行し、プロジェクトを作成
$ npx create-nuxt-app [プロジェクト名]
- 途中で以下のような質問が聞かれるので、Package managerはNpmに設定し、それ以外はデフォルトの設定にしました
? Project name: sample_project
? Programming language: JavaScript
? Package manager: Npm
? UI framework: None
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert se
lection)
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert sele
ction)
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert
selection)
? What is your GitHub username? wataru-sakuraba
? Version control system: Git
- ディレクトリ構成
- 以下のようなディレクトリが作成される
.
├── README.md
├── components
│ ├── NuxtLogo.vue
│ └── Tutorial.vue
├── node_modules
│ └──多いため省略
├── nuxt.config.js
├── package-lock.json
├── package.json
├── pages
│ └── index.vue
├── static
│ └── favicon.ico
└── store
└── README.md
- 必要なモジュールをインストール
$ npm install
- プロジェクトを実行
$ npm run dev
- 以下にアクセスし、Node.jsの画面が表示されれば成功
http://localhost:3000/
- 以下のURLから推奨版をインストールしてください。個人的には最新版は不具合の影響でうまくいかなかったりするため推奨版を使用 https://nodejs.org/ja/
Node.jsのプロジェクトを作成
- 以下のコマンドを実行し、プロジェクトを作成
$ npx create-nuxt-app [プロジェクト名]
- 途中で以下のような質問が聞かれるので、Package managerはNpmに設定し、それ以外はデフォルトの設定にしました
? Project name: sample_project
? Programming language: JavaScript
? Package manager: Npm
? UI framework: None
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert se
lection)
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert sele
ction)
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert
selection)
? What is your GitHub username? wataru-sakuraba
? Version control system: Git
- ディレクトリ構成
- 以下のようなディレクトリが作成される
.
├── README.md
├── components
│ ├── NuxtLogo.vue
│ └── Tutorial.vue
├── node_modules
│ └──多いため省略
├── nuxt.config.js
├── package-lock.json
├── package.json
├── pages
│ └── index.vue
├── static
│ └── favicon.ico
└── store
└── README.md
- 必要なモジュールをインストール
$ npm install
- プロジェクトを実行
$ npm run dev
- 以下にアクセスし、Node.jsの画面が表示されれば成功
http://localhost:3000/
$ npx create-nuxt-app [プロジェクト名]
? Project name: sample_project
? Programming language: JavaScript
? Package manager: Npm
? UI framework: None
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert se
lection)
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert sele
ction)
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert
selection)
? What is your GitHub username? wataru-sakuraba
? Version control system: Git
- 以下のようなディレクトリが作成される
.
├── README.md
├── components
│ ├── NuxtLogo.vue
│ └── Tutorial.vue
├── node_modules
│ └──多いため省略
├── nuxt.config.js
├── package-lock.json
├── package.json
├── pages
│ └── index.vue
├── static
│ └── favicon.ico
└── store
└── README.md
$ npm install
$ npm run dev
Author And Source
この問題について(Node.jsインストール方法), 我々は、より多くの情報をここで見つけました https://qiita.com/vongole12gk/items/f848ce98a2bff65eea2e著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .