第3章パッケージマネージャのNPM
3.1瞬間
時間のフォーマット、サードパーティのパケットを使用して
3.2 NPMコマンドを使用します
上記のコードは、我々は、サードパーティのモジュールを使用することであるプロセスフォーマット時にNPMインストールモーメントを使用します。
NPMは、我々が使用するパッケージ(モジュール)の管理ツールが付属していたノードです。
NPMと、すぐに依存関係をインストールして管理するノードとサードパーティのモジュール間の良好な生態系を形成することが私たちを助けることができます。
また、ヘルプガイドへのNPM直視を入力することができます。
PS C:\xamp\htdocs\ceshi\09> npm
Usage: npm <command>
where <command> is one of:
access, adduser, audit, bin, bugs, c, cache, ci, cit,
completion, config, create, ddp, dedupe, deprecate,
dist-tag, docs, doctor, edit, explore, get, help,
help-search, hook, i, init, install, install-test, it, link,
list, ln, login, logout, ls, outdated, owner, pack, ping,
prefix, profile, prune, publish, rb, rebuild, repo, restart,
root, run, run-script, s, se, search, set, shrinkwrap, star,
stars, start, stop, t, team, test, token, tst, un,
uninstall, unpublish, unstar, up, update, v, version, view,
whoami
npm <command> -h quick help on <command>
npm -l display full usage info
npm help <term> search for help on <term>
npm help npm involved overview
Specify configs in the ini-formatted file:
C:\Users\Administrator\.npmrc
or on the command line via: npm <command> --key value
Config info can be viewed via: npm help config
[email protected] C:\Program Files\nodejs\node_modules\npm
3.3 NPMは、プロジェクトの初期化
このプロジェクトは、管理するために、多くの問題を単にサードパーティ製のパッケージを使用して、より多くのパッケージ化することはできません、
NPM initは、プロジェクトの初期化機能を提供してくれるだけでなく、複数のパッケージを管理する問題を解決します:
"name": "usenpm", // 项目名
"version": "1.0.0", // 版本号
"description": "这是我们第一次使用npm", // 描述信息
"main": "index.js", // 入口文件
"scripts": { // npm 设置的一些指令
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [ // 关键字
"第一次"
],
"author": "itheima6期", // 作者
"license": "ISC" // 当前项目的协议
3.4 NPMは壁で問題を解決します
我々はこの問題を解決する必要があるので、NPM外国でのパッケージファイルストレージサーバは、時々壁によって、非常に遅いです。
バックアップを実行するために国のNPMにhttp://npm.taobao.org/淘宝網の開発チーム。
インストール淘宝網cnpm:
# 在任意目录执行都可以
# --global 表示安装到全局,而非当前目录
# --global 不能省略,否则不管用
npm install --global cnpm
あなたが前にパッケージをインストールし、次回npm
交換しますcnpm
。
例えば:
# 这里还是走国外的 npm 服务器,速度比较慢
npm install jquery
# 使用 cnpm 就会通过淘宝的服务器来下载 jquery
cnpm install jquery
あなたはインストールしたくない場合はcnpm
、ダウンロードに淘宝網のサーバーを使用したいと:
npm install jquery --registry=https://registry.npm.taobao.org
しかし、手動で、我々は、このオプションを置くことができることを、このパラメータのトラブルの多くを追加するたびに、設定ファイルに追加されます。
# 配置到淘宝服务器
npm config set registry https://registry.npm.taobao.org
# 查看 npm 配置信息
npm config list
長いコマンドのように、上記のような構成した後、その後、すべてのあなたの将来のは、npm install
デフォルトの淘宝網サーバによってダウンロードされます。
3.5 package.jsonとパッケージlock.jsonファイル
後の開発プロセス、プロジェクトを移行する必要がある場合は、我々は唯一のpackage.jsonファイルの移行に必要な新しいプロジェクトで実行することができます
npm install
すべてのサードパーティ製のパッケージが自動的にインストールされます。
Package.jsonアクションは、現在のプロジェクトとパッケージの使用を記録するために使用されます。不能在package.json中添加注释
パッケージlock.jsonは、サードパーティ製のパッケージの詳細など、ダウンロード・パスのバージョンを保存しました。
私たちは、NPM管理パックを使用すると、package.jsonとパッケージlock.json内容が自動的に更新されます
3.6サーバ側のページのレンダリング
ケースの前に、ブラウザのフロントエンドを介してサーバ上のデータを取得するためのAJAXリクエストを送信するとき、我々は、データを取得するために、フロントディスプレイを横断した後、
欠点は、複数の要求を送信することで、見つけるために検索エンジンを助長されていません。私たちは、バックエンドのための描画データを修正します。
芸術テンプレート:https://www.npmjs.com/package/art-template
var art = require('art-template');
art.defaults.root = './';
var html = art('./art-test.html',{data:[{name:123,age:345},{a:678,b:987}]});
console.log(html);
<body>
<h1>nihoa</h1>
<h2>{{data[0].name}}</h2>
</body>
?1:ディレクトリを再作成し、プロジェクトを初期化します。 npm init
2:以前apache.html新しいプロジェクトディレクトリにコピーされた文書http.js背景と前景テンプレートページを書き、
3:インストール時の処理モジュール: npm install moment
4:テンプレートエンジンモジュールをインストールします。 npm install art-template
5:前景色と背景ファイルを変更しhttp.jsページテンプレートファイルapache.html
http.js:
apache.html:
その後、我々はプロジェクトにサービスをレンダリングするか、レンダリングクライアント側を使用する必要があります。
A:両方が使用され、データセットの役割に応じ。