ホームページ  >  記事  >  ウェブフロントエンド  >  NPMの使用について

NPMの使用について

一个新手
一个新手オリジナル
2018-05-12 10:27:103051ブラウズ


まず、NPMとは何ですか?

——Node Package Managerは、js用のパッケージ管理ツールです。

面倒な作業はせずに、まずダウンロードしてください。 (npm は Node.js と一緒にリリースされます。Node.js がインストールされている限り、npm もインストールされます)
インストールが完了したら、最初に行うことは、もちろんインストールが成功したかどうかをテストすることです。 win + R を押して cmd コマンド プロンプトを開き、「npm -v」と入力します。バージョンが正常にインストールされたことを示すメッセージが表示されます

npm -v3.10.10

npm の古いバージョンをインストールしている場合は、npm コマンドを通じて簡単にアップグレードできます
npm install npm@latest -g

npm コマンドを使用してモジュールをインストールします

まずコンピューター上に新しいプロジェクト フォルダーを作成し、cmd でフォルダーを見つけます
C:UsersfilbertDesktop>cd app2
C:UsersfilbertDesktopapp2>

npm を初期化します, npm init –yes

C:\Users\filbert\Desktop\app2>npm init --yes
Wrote to C:\Users\filbert\Desktop\app2\package.json:
{  "name": "app2",  "version": "1.0.0",  "description": "",  "main": "app2.js",  "scripts": {    
"test": "echo \"Error: no test specified\" && exit 1"
  },  "keywords": [],  "author": "",  "license": "ISC"}

Express フレームワークをインストールする, npm installexpress

C:\Users\filbert\Desktop\ch3>npm install express –save  
  npm WARN ch3@1.0.0 No description  
  npm WARN ch3@1.0.0 No repository field. 
   + express@4.15.4 updated
1 package in 3.63s

プロジェクトにノードサーバーを構築するには、まず app2.js などの新しい js ファイルを作成する必要があります

const path = require('path');const express = require('express');
const app = new express();const port = 4000;//app.use(express.static('public'));
app.get('/*', (req, res) => {
    /*const pathname = req.params['0'];    if(!pathname) {
        res.sendFile(path.join(__dirname, 'index.html'));        return;
    }*/
    res.sendFile(path.join(__dirname+'/index.html'));
});var server = app.listen(port, (error) => {  if (error) {    console.error(error);
  } else {    console.info('==> Listening on port %s. Open up http://localhost:%s/ in your browser.', port, port);
  }
});

node.jsで構築したサーバー、cmd app2.jsにnodeと入力します

C:\Users\filbert\Desktop\app2>node app2.js
==> Listening on port 4000. Open up http://localhost:4000/ in your browser.

http://localhost:4000/ をコピーしてページを表示します


以上がNPMの使用についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。