win 10でnodejsを使ってインストールします.

23725 ワード

win 10でnodejsのインストールとwebstormを使ってexpressプロジェクトを作成する指導
windowsの下でnvmの linuxの下でnodejs開発に詳しい友達はnvmがnodeバージョン管理のツールであることを知っているはずです.nvmを使って、私達は任意の多くのnodejsバージョンをインストールすることができます.また、自分のバージョンをいつ使うかを決めます.
しかし、nvm公式は、githubによってホストされたnvm倉庫において、nvmwindowsシステムをサポートしていないことを明示しているが、彼らが開発に参加している第三者ではない2つの解決策を示している.この二つの案は以下の通りです.*nvm-windows*nodist
自分で使うのはnvm-windowsです.インストールのプロセスは簡単です.まず自分がインストールしたnodejsC:\Users\AppData\Roaming
pm
の下にnpmがインストールしたグローバル依存をアンインストールする必要があります.
注意nodejswindowsインストールプログラムはnodejsのアンインストール機能を提供していますが、そのアンインストールプログラムによってnodejsがアンインストールされた後、そのインストールフォルダの下にはまだ一部のファイルが存在しますので、アンインストール後、手動でインストールディレクトリを削除したほうがいいです.nvmのインストールは比較的簡単ですので、ここでは図を置かなくなります.問題があれば、nvm-windowsの公式サイトを参照してもいいです.
NVMを使ってnodejsをインストールします.nvmはただのnodejsの環境管理パッケージですので、nvmを成功的にインストールした後、私達はマニュアルで私達が必要とするnodejsバージョンをインストールします.nvm-windowsによって提供される一般的な命令は以下の通りである.
  • nvm arch[32|64]:このコマンドは、現在のnodejs32 /64 windowsシステムで実行されていることを確認するために使用される.対応するビット数を指定して、デフォルトの設定を上書きすることもできます.
  • #      nodejs  
    $ nvm arch
    System Default: 64-bit.
    Currently Configured: 64-bit.
  • nvm install[arch]:このコマンドは、指定されたバージョンと指定されたシステムアーキテクチャ(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環境を選択してください.
  • nvm list[available]:現在のシステムにどのバージョンがインストールされているかを確認する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:このコマンドは、指定されたバージョンのnodejs環境をアンインストールするために使用されます.
  • $ 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.
  • nvm root:このコマンドは、現在のnodejsの実際の保存位置を設定し、確認するために使用されてもよい.ここでは、pythonが複数のnvmを管理する環境であるため、一致を保証するために、nodejsnvmを使用して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
  • nvm node_mirror: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を使用してインストールする速度がまだ十分です.
  • nvm npm_mirror:npmの鏡像アドレスを設定します.みんな知っていると思いますが、 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アプリケーションを作成する.
    前の章によると、expressnvmによって指定されたアドレスに実際の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-stormnodejsブロックとして選択した後、webstormは現在インストールされている~/AppData/Roaming/nvm/v6.10.3/node.exeを正しく認識しました.私たちは自分の好きなhtmlテンプレートとCSSプリコンパイル方式を選択した後、正確な工程名を入力して、expressプロジェクトを作成することができます.
    作成したプロジェクトのスクリーンショットは以下の通りです.
    締め括りをつける
    本論文では、Windowsシステムにnodejsバージョンの管理パッケージをインストールすることを紹介します.アリババのexpress-generatorのミラーとnvm nodejsのミラーが配置されています.また、webstormに合わせてnodejsプロジェクトを作成し、依存をインストールして実行することに成功しました.