首頁  >  文章  >  web前端  >  關於使用NPM

關於使用NPM

一个新手
一个新手原創
2018-05-12 10:27:103097瀏覽


首先什麼是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:\Users\filbert\Desktop> cd app2
C:\Users\filbert\Desktop\app2>

#初始化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 install express

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

#在專案中要搭建一個node伺服器,就要先新建一個js文件,如app2.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中輸入node app2.js

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn