とnodeJS環境

1.のNode.jsとは何か
1.1のNode.jsをベースにクロームV8エンジン[JavaScriptランタイム環境]。Node.jsのは、イベント駆動型、非ブロックI / Oモデルを使用しています。
1.2 Node.jsのJavaScriptは、開発サーバーで実行されているようにするプラットフォームであり、それはJavaScriptがPHPやPython、PerlやRubyと対等な立場上、他のサーバーサイドのスクリプト言語であることを可能にします

注意1:Node.jsの- > JavaScriptのランタイム環境、開発言語:JavaScriptの
J2EE - > Javaランタイム環境、言語の開発は、Javaです
。注2:Node.jsののv10.15.3文書アドレス:のhttp://nodejs.cn/ API /


2. NPM何
実際にNPM Node.jsのパッケージ管理ツール(パッケージマネージャ)。

我々は、パッケージ管理ツールを必要とするのはなぜ?私たちは、Node.jsの上で開発するので、我々は他の誰かによって書かれたJavaScriptコードを大量に使用します。
私たちは常に、公式サイトでの名前で検索、他の人によって書かれたパッケージを使用する場合は、非常に面倒なコード、抽出、再利用をダウンロードしてください。
だから、集中管理ツールが登場:あなたが使用したい場合は、誰もが自分の開発したモジュールパッケージを入れた後、NPMの公式ウェブサイトを入れて、
直接NPMのインストールを介して直接使用することができ、ダウンロードするべきである何のマネージコードはありません。

我々はモジュールAを使用して、ターンをモジュールにしたい場合はさらに重要なのは、モジュールBに依存して、順番に、モジュールBは、モジュールXおよびモジュールY-、に依存
NPMよると、依存関係、依存するすべてのパッケージがダウンロードされ、管理されています。そうでない場合は、手動で確かに面倒でエラーが発生しやすい、私たち自身で管理しています。

注1:NPM ==達人やや似


構築するための3 Node.jsの環境
プラットフォームは、バックエンドで実行されているNode.jsのJavaScriptコードであるので、そう、あなたが最初にこのマシンでノードの環境をインストールする必要があります。
、それについて考えたJavaの開発の最初のステップ:JDKをインストールしていないされ、その後、環境変数JAVA_HOME /クラスパス/パスを設定します

3.1のダウンロード
ダウンロードします。https://nodejs.org/zh-cn/download/
この章で使用する適切なバージョンのダウンロードを選択します:node-v10.15.3-win-x64.zip

注1:ノードラインの2つのバージョンがあります:LTSは、現在の長期維持の安定版は新機能バージョンです

3.2抽出
指定した場所に抽出ファイルを抽出した後、ディレクトリの下に、そして確立することとnode_cache node_global二つのディレクトリ(例:\ initPath:D)

新しいディレクトリ説明:注1
node_globalを:グローバル設置場所のNPM
NPMキャッシュパス:node_cacheを

注2:このチュートリアルでは、Dにファイルを抽出することである:\ initPathディレクトリ、すべてこの背後に例として、実際の開発は、そのエキスディレクトリ変更します
\ initPath \ノード-v10.15.3:Dを -win-x64の

3.3コンフィギュレーション環境変数が
NODE_HOMEを加え、である:D:\ initPath \ノード- v10.15.3-WIN-x64のは、
PATH、最後に追加の変更:;%NODE_HOME%;%NODE_HOME %\ node_global。

注1:環境変数ビュー
エコー%node_home%
エコー%パス%

注2:测试安装是否成功:打开cmd窗口,输出如下命令会输出NodeJs和npm的版本号
node -v
npm -v

3.4 配置npm全局模块路径和cache默认安装位置
打开cmd,分开执行如下命令:
npm config set cache "D:\initPath\node-v10.15.3-win-x64\node_cache"
npm config set prefix "D:\initPath\node-v10.15.3-win-x64\node_global"

注1:将步骤一创建的node_global(npm全局安装位置)和node_cache(npm缓存路径)与npm联系起来
注2:如果执行命令卡死,可以删除C:\Users\用户名\.npmrc 后重新执行。(用户名:为当前电脑的用户名)
注3:"D:\initPath\node-v10.15.3-win-x64\node_global",双引号不能少

3.5 修改npm镜像提高下载速度(可以使用 cnpm 或 直接设置 --registry ,推荐设置 --registry)
3.5.1 --registry
## 设置淘宝源
npm config set registry https://registry.npm.taobao.org/
## 查看源,可以看到设置过的所有的源
npm config get registry

注1:其实此步骤的内容就是将以下代码添加到C:\Users\用户名\.npmrc文件中
registry=https://registry.npm.taobao.org
3.5.2 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

注1:cnpm安装完成后,以后就可以用cnpm命令代替npm命令, 此时npm还是会用官方镜像,cnpm会用国内镜像
注2:如果要恢复成原来的设置,执行如下:
npm config set registry https://registry.npmjs.org/

3.6 验证安装结果
3.6.1 版本验证(同步骤3.3,注2)
node -v
npm -v

3.6.2 查看淘宝镜像设置情况
npm get registry

3.6.3 查看npm全局路径设置情况
## 此步骤随便全局安装一个模块就可以测评
npm install webpack -g
## 以上命令执行完毕后,会生成如下文件
%node_home%\node_global\node_modules\webpack
注意:下载过程中出现warn不用管,出现Error,删掉下载的破碎文件重新下载


4. 如何运行下载的Node.js项目
将下载的项目解压到指定目录,本例是解压到:D:\temp\vueproject,后面都以此为例
## 1. 打开命令窗口
cmd

## 2. 切换到d盘
e:

## 3. 进入指定目录
cd E:\temp\vueproject


### 下面的才是关键代码 ###
## 4. 进行依赖安装
## 命令执行完后,你会发现,项目的根目录下多了一个node_modules文件夹,
## 那里面就是从npm远程库里下载的模块,然后“安装”到你的项目中,
## 此步骤,可理解成修改maven的pom文件添加依赖,然后maven再从中央仓库下载依赖
## 那pom文件在哪里呢?其实就是项目中的package.json
npm install

## 5. 启动项目
npm run dev

 

操作cmd命令,正常运行截图:

 

 

 

运行完以上代码第三方跑起来截图:

おすすめ

転載: www.cnblogs.com/bf6rc9qu/p/11406879.html