Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8872

Windows 10 で express, nodist, node, yarn

$
0
0

インストール

  • windows 10 home (64bit) を用意
  • git bash をインストール
  • nodist をインストール
  • nodeをインストール
  • yarn をインストール
  • express をインストール
  • express-generator をインストール

手順

git for windows をインストール

git bash のためだけに入れます。Power Shell でもできますが、以下では基本的に git bash を使うものとして書いてます。

上記からダウンロードしてインストールします。必要に応じて日本語の設定をする。

Nodist のインストール

下記からインストールできます。

下のほうにある、with installer の "Download the installer from the releases page" と書かれたところを押すと、windows 用のインストーラ(NodistSetup-x.xx.exe) があるので、それをダウンロードしてインストールします。もちろんソースコードをとってきて build するのでも OK。

image.png

node のインストール

基本的に以下の記事の通り。
- [Node.js] Node.js の導入(Windows編)

git bash を開いて、下記のコマンドを実行し、インストールできるバージョンを確認する。

$ nodist dist

たとえば 12.16.3をインストールする場合は、下記のようにする。

$ nodist + 12.16.3

使用するバージョンの変更は、単にバージョンを書くだけ。インストールしただけでは、使用するバージョンは変更されない。

$ nodist 12.16.3
$ node -v
12.16.3

使用するバージョンが本当に変更されているかは確認しておく。

最初に nodist をインストールしたとくは、npm をアップグレードしておく。

npm install npm -g

npm のアップデートについては、git bash で update しても Power Shell 側ではアップデートされていない状態になることがあるようなので、git bash で update したら、ずっと git bash で使ったほうがよさそう。

yarn のインストール

npm でインストールする、しかないぽい。

$ npm install yarn -g
$ yarn -v
1.22.4

express, express-generator のインストール

$ yarn add global express
$ yarn add global express-generator

express-generator までインストールしないと express コマンドは使えない。

express-generator のテスト

$ cd ~/workspace
$ express express_app --view=pug
$ cd express_app
$ yarn install
$ PORT=8000 yarn start

ファイアーウォールのブロックの解除を許可するか、というようなウィンドウがでたら「許可」する。express--view=pugオプションを付けないと、警告が出てテンプレートの拡張子が .jadeになる。将来的に jade は pug に置き換わって、jade 名前は使われなくなるかもしれないので、--view=pugとしておいたほうが良い気がする。

yarn startしたら、ブラウザで http://localhost:8000を開いて下記のような表示がされたら成功している。

image.png

つづく?


Viewing all articles
Browse latest Browse all 8872

Trending Articles