win 10でnodejsを使ってインストールします.
23725 ワード
win 10でnodejsのインストールとwebstormを使ってexpressプロジェクトを作成する指導
windowsの下でnvmの
しかし、
自分で使うのは
注意
NVMを使ってnodejsをインストールします. nvm arch[32|64]:このコマンドは、現在の nvm install[arch]:このコマンドは、指定されたバージョンと指定されたシステムアーキテクチャ( nvm list[available]:現在のシステムにどのバージョンがインストールされているかを確認する nvm uninstall:このコマンドは、指定されたバージョンのnodejs環境をアンインストールするために使用されます. nvm root:このコマンドは、現在のnodejsの実際の保存位置を設定し、確認するために使用されてもよい.ここでは、 nvm node_mirror: nvm npm_mirror:npmの鏡像アドレスを設定します.みんな知っていると思いますが、
前の章によると、
以下の作成手順は直接上の図と図について説明します.似たような読者は分かります.
プロジェクトを作成するには、
このような現象の原因は、
作成したプロジェクトのスクリーンショットは以下の通りです.
締め括りをつける
本論文では、Windowsシステムに
windowsの下でnvmの
linuxの下でnodejs
開発に詳しい友達はnvmがnodeバージョン管理のツールであることを知っているはずです.nvmを使って、私達は任意の多くのnodejsバージョンをインストールすることができます.また、自分のバージョンをいつ使うかを決めます.しかし、
nvm
公式は、github
によってホストされたnvm
倉庫において、nvm
がwindows
システムをサポートしていないことを明示しているが、彼らが開発に参加している第三者ではない2つの解決策を示している.この二つの案は以下の通りです.*nvm-windows*nodist自分で使うのは
nvm-windows
です.インストールのプロセスは簡単です.まず自分がインストールしたnodejs
とC:\Users\AppData\Roaming
pm
の下にnpm
がインストールしたグローバル依存をアンインストールする必要があります.注意
nodejs
のwindows
インストールプログラムはnodejs
のアンインストール機能を提供していますが、そのアンインストールプログラムによってnodejs
がアンインストールされた後、そのインストールフォルダの下にはまだ一部のファイルが存在しますので、アンインストール後、手動でインストールディレクトリを削除したほうがいいです.nvm
のインストールは比較的簡単ですので、ここでは図を置かなくなります.問題があれば、nvm-windows
の公式サイトを参照してもいいです.NVMを使ってnodejsをインストールします.
nvm
はただのnodejs
の環境管理パッケージですので、nvm
を成功的にインストールした後、私達はマニュアルで私達が必要とするnodejsバージョンをインストールします.nvm-windows
によって提供される一般的な命令は以下の通りである.nodejs
が32 /64
のwindows
システムで実行されていることを確認するために使用される.対応するビット数を指定して、デフォルトの設定を上書きすることもできます.# nodejs
$ nvm arch
System Default: 64-bit.
Currently Configured: 64-bit.
32/64
)のnodejs環境をインストールするために使用される.据え付け速度はまだ比較的速いです.本論文を書く前に、nodejs 6.10.3 64
のバージョンをインストールしました.このコマンドの使用を実証するために、32ビットの6.10.2バージョンのnodejs環境をインストールし、インストールに成功しました.$ nvm install 6.10.2 32
Downloading node.js version 6.10.2 (32-bit)...
Complete
Creating C:\Users\Administrator\AppData\Roaming
vm\temp
Downloading npm version 3.10.10... Complete
Installing npm v3.10.10...
Installation complete. If you want to use this version, type
nvm use 6.10.2
注意nvm install
を初めて使用してnodejs
をインストールする場合は、下のnvm use
を使用して、nodejs
環境を選択してください.use
.$ nvm list
* 6.10.3 (Currently using 64-bit executable)
6.10.2
*nvm use[arch]:nodejs
のバージョンを切り替えるコマンドです.nodejs
が複数のAnaconda
環境を構成できるように.Administrator@neil-PC MINGW64 ~/WebstormProjects
$ nvm use 6.10.2 32
Now using node v6.10.2 (32-bit)
$ nvm use 6.10.3
Now using node v6.10.3 (64-bit)
$ nvm uninstall 6.10.2
Uninstalling node v6.10.2...Error removing node v6.10.2
Manually remove C:\Users\Administrator\AppData\Roaming
vm\v6.10.2.
python
が複数のnvm
を管理する環境であるため、一致を保証するために、nodejs
がnvm
を使用してnvm use
バージョン番号を指定すると、nodejs
の下にソフト接続を作成して、現在のC:\Program Files
の実際バージョンのパスを指定する必要がある.nodejs
は、nvm root
の実際のバージョンのダウンロードのための保存経路である.Administrator@neil-PC MINGW64 /c/Program Files
$ ls -n | grep nodejs
lrwxrwxrwx 1 197108 197121 50 5 21 17:27 nodejs -> /c/Users/Administrator/AppData/Roaming/nvm/v6.10.3/
自分のパソコンで使うのはデフォルトの設定です.私のnodejs
の実際の保存経路は以下の通りです.$ nvm root
Current Root: C:\Users\Administrator\AppData\Roaming
vm
nodejs
のダウンロードソースを設定します.国内のユーザーはタオバオのnodejs
ミラーを使うことができます.https://npm.taobao.org/mirrors/node/ Administrator@neil-PC MINGW64 ~/WebstormProjects
$ date # nodejs
2017 05 21 17:46:43
$ nvm install 6.10.1
Downloading node.js version 6.10.1 (64-bit)...
Complete
Creating C:\Users\Administrator\AppData\Roaming
vm\temp
Downloading npm version 3.10.10... Complete
Installing npm v3.10.10...
Installation complete. If you want to use this version, type
nvm use 6.10.1
$ date # nodejs
2017 05 21 17:47:43
は、nodejs
を使用してインストールする速度がまだ十分です. nodejs
はタオバオを使って提供される国内cnpm
ミラーの命令です.具体的な使い方はタオバオnpm
公式サイトを参照してください.ここのnpm
は、npmのミラーアドレスを直接修正するためにnvm_windows
を使用することができる.(ただし、この方法は使わないほうがいいです.cnpmを使った方がいいです.国内の鏡像同期の速度はちょっとずれています.好きな場合は、npmのオフィシャルミラーアドレスとタオバオのイメージアドレスの間で切り替えられます.)$ nvm npm_mirror https://npm.taobao.org/mirrors/npm/ # npm npm
$ npm install -g jslint
C:\Program Files
odejs\jslint -> C:\Program Files
odejs
ode_modules\jslint\bin\jslint.js
C:\Program Files
odejs
`-- jslint@0.10.3
+-- exit@0.1.2
+-- glob@7.1.2
| +-- fs.realpath@1.0.0
| +-- inflight@1.0.6
| | `-- wrappy@1.0.2
| +-- inherits@2.0.3
| +-- minimatch@3.0.4
| | `-- brace-expansion@1.1.7
| | +-- balanced-match@0.4.2
| | `-- concat-map@0.0.1
| +-- once@1.4.0
| `-- path-is-absolute@1.0.1
+-- nopt@3.0.6
| `-- abbrev@1.1.0
`-- readable-stream@2.1.5
+-- buffer-shims@1.0.0
+-- core-util-is@1.0.2
+-- isarray@1.0.0
+-- process-nextick-args@1.0.7
+-- string_decoder@0.10.31
`-- util-deprecate@1.0.2
オフィシャルのnvm npm_mirror
ミラーアドレスに切り替えたいなら、npm
を使って切り替えて帰ってきてもいいです.Administrator@neil-PC MINGW64 ~/WebstormProjects
$ nvm npm_mirror http://r.cnpmjs.org/
Administrator@neil-PC MINGW64 ~/WebstormProjects
$ npm install -g create-react-app
C:\Program Files
odejs\create-react-app -> C:\Program Files
odejs
ode_modules\create-react-app\index.js
C:\Program Files
odejs
`-- create-react-app@1.3.1
+-- chalk@1.1.3
| +-- ansi-styles@2.2.1
| +-- escape-string-regexp@1.0.5
| +-- has-ansi@2.0.0
| | `-- ansi-regex@2.1.1
| +-- strip-ansi@3.0.1
| `-- supports-color@2.0.0
+-- commander@2.9.0
| `-- graceful-readlink@1.0.1
+-- cross-spawn@4.0.2
| +-- lru-cache@4.0.2
| | +-- pseudomap@1.0.2
| | `-- yallist@2.1.2
| `-- which@1.2.14
| `-- isexe@2.0.0
+-- fs-extra@1.0.0
| +-- graceful-fs@4.1.11
| +-- jsonfile@2.4.0
| `-- klaw@1.3.1
+-- hyperquest@2.1.2
| +-- buffer-from@0.1.1
| | `-- is-array-buffer-x@1.2.1
| | +-- has-to-string-tag-x@1.2.0
| | | `-- has-symbol-support-x@1.2.0
| | +-- is-object-like-x@1.2.0
| | | +-- is-function-x@1.2.0
| | | `-- is-primitive@2.0.0
| | `-- to-string-tag-x@1.2.0
| | +-- lodash.isnull@3.0.0
| | `-- validate.io-undefined@1.0.3
| +-- duplexer2@0.0.2
| | `-- readable-stream@1.1.14
| | +-- isarray@0.0.1
| | `-- string_decoder@0.10.31
| `-- through2@0.6.5
| +-- readable-stream@1.0.34
| `-- xtend@4.0.1
+-- semver@5.3.0
+-- tar-pack@3.4.0
| +-- debug@2.6.8
| | `-- ms@2.0.0
| +-- fstream@1.0.11
| | +-- inherits@2.0.3
| | `-- mkdirp@0.5.1
| | `-- minimist@0.0.8
| +-- fstream-ignore@1.0.5
| | `-- minimatch@3.0.4
| | `-- brace-expansion@1.1.7
| | +-- balanced-match@0.4.2
| | `-- concat-map@0.0.1
| +-- once@1.4.0
| | `-- wrappy@1.0.2
| +-- readable-stream@2.2.9
| | +-- buffer-shims@1.0.0
| | +-- core-util-is@1.0.2
| | +-- isarray@1.0.0
| | +-- process-nextick-args@1.0.7
| | +-- string_decoder@1.0.1
| | | `-- safe-buffer@5.0.1
| | `-- util-deprecate@1.0.2
| +-- rimraf@2.6.1
| | `-- glob@7.1.2
| | +-- fs.realpath@1.0.0
| | +-- inflight@1.0.6
| | `-- path-is-absolute@1.0.1
| +-- tar@2.2.1
| | `-- block-stream@0.0.9
| `-- uid-number@0.0.6
+-- tmp@0.0.31
| `-- os-tmpdir@1.0.2
`-- validate-npm-package-name@3.0.0
`-- builtins@1.0.3
nvm npm_mirror http://r.cnpmjs.org/
を使用してwebstorm
アプリケーションを作成する.前の章によると、
express
はnvm
によって指定されたアドレスに実際のnodejs
アプリケーションを格納する方式であり、nvm root
の下でソフト接続を作成しただけである.一方、nodejs
はピットを比較すると、ソフト接続とは認識されないので、コマンドC:\Program Files
またはwebstorm
の属性で現在のnvm root
の実際のアドレスを確認する必要があります.私の現在のC:\Program Files
odejs
の実際の住所はnodejs
です.以下の作成手順は直接上の図と図について説明します.似たような読者は分かります.
プロジェクトを作成するには、
nodejs
をインストールしたいです.$ npm install express-generator -g
C:\Program Files
odejs\express -> C:\Program Files
odejs
ode_modules\express-generator\bin\express-cli.js
C:\Program Files
odejs
`-- [email protected]
上の図から~/AppData/Roaming/nvm/v6.10.3/
はexpress-generator
の経路としてwebstorm
を識別しているが、C:\Program Files
odejs
にヒントを与えることは明らかに不合理である.このような現象の原因は、
nodejs
がソフト接続を指すため、Unspecified express-generator package version
の下のC:\Program Files
odejs
のC:\Program Files
odejs
は、npm
によって正確に識別されないからである.したがって、私たちは手動でpackage
の実際の経路を構成する必要があります.web-storm
をnodejs
ブロックとして選択した後、webstormは現在インストールされている~/AppData/Roaming/nvm/v6.10.3/node.exe
を正しく認識しました.私たちは自分の好きなhtmlテンプレートとCSSプリコンパイル方式を選択した後、正確な工程名を入力して、expressプロジェクトを作成することができます.作成したプロジェクトのスクリーンショットは以下の通りです.
締め括りをつける
本論文では、Windowsシステムに
nodejs
バージョンの管理パッケージをインストールすることを紹介します.アリババのexpress-generator
のミラーとnvm nodejs
のミラーが配置されています.また、webstormに合わせてnodejs
プロジェクトを作成し、依存をインストールして実行することに成功しました.