首頁 >web前端 >js教程 >如何使用node模組與npm套件管理工具

如何使用node模組與npm套件管理工具

亚连
亚连原創
2018-06-13 17:42:351507瀏覽

這篇文章主要介紹了node模組與npm套件管理工具,現在分享給大家,也給大家做個參考。

在Node.js中,以模組為單位劃分所有的功能,並且提供了一個完整的模組載入機制,所以我們可以將應用程式劃分為各個不同的部分,並且對這些部分進行很好的協同管理。透過將各種可重複使用程式碼編寫在各種模組中的方法,可以大幅減少應用程式的程式碼量,提高應用程式的開發效率以及應用程式程式碼的可讀性。透過模組載入機制,可以將各種第三方模組引入到我們的應用程式中。

在node.js中,提供npm套件管理工具,用於從第三方網站下載各種Node.js套件。

一、模組

1.1 載入模組

在Node.js中,以模組為單位分割所有的功能,一個Node.js應用程式由大量的模組組成,每一個模組都是一個JavaScript文件,在載入node.js中預先定義的核心模組,我們只需要require('模組名'),例如require('http '),在將第三方類別庫引入到我們的應用程式時,需要指定該檔案的完整路徑及檔案名,例如require('./script/foo.js')

# 1.2 存取模組

1.2.1使用exports物件存取

在一個模組檔案中定義變數、函數或物件只在該模組內有效,當你需要從外部模組引用這些變數、函數或物件時,需要再改模組內,例如,建立一個testModule.js,程式碼如下:

var testVar = "Can you see me now ? ";
var funName = function(name){
  console.log('My name is' + name);
}
exports.testVar = testVar ;
exports.funName = funName ;

那麼我們想在http.js中使用這些變數、函數或對象,可在http.js中書寫如下程式碼:

var test1 = require('./testModule.js');
// 通过test1访问testModule.js模块内的testVar变量 和funName函数
console.log(test1.testVar)
test1.funName('Luckfine')

node 運行下這個http.js node http.js

運行結果如下

1.2.2使用module.exports物件存取

#當你需要從外部模組引用這些變數、函數或物件時,使用exports對象,也可以使用module .exports,但是需要將模組定義一個類別時,只能用module.exports。

例如定義一個testModule類,在testModule.js中如下程式碼:

var _name,_age
var name = '',age = 0;
var foo = function(name,age){
  _name = name ; 
  _age = age ;
}
// 获取私有变量_name的变量只
foo.prototype.GetName = function(name){
  return _name;
};
// 设置私有变量_name的变量值
foo.prototype.SetName = function(name){
  _name = name;
}
// 获取私有变量_age的变量只
foo.prototype.GetAge = function(age){
  return _age;
};
// 设置私有变量_name的变量值
foo.prototype.SetAge = function(age){
  _age = age;
}
foo.prototype.name = name;
foo.prototype.age = age;
module.exports = foo;

那麼我們想在http.js中使用這個類別的變數、函數或對象,可在http.js中書寫如下程式碼:

var foo = require('./testModule.js');
var myFoo = new foo('Luckfine',18);

console.log('获取修改前的私有变量值')
console.log(myFoo.GetName());
console.log(myFoo.GetAge());

console.log('修改私有变量');
myFoo.SetName('Baby');
myFoo.SetAge(16);

console.log('获取修改后的私有变量值')
console.log(myFoo.GetName());
console.log(myFoo.GetAge());


console.log('获取修改前的公有变量值')
console.log(myFoo.name);
console.log(myFoo.age);

console.log('修改公有变量')
myFoo.name = "Tom";
myFoo.age = 20;

console.log('获取修改后的公有变量值')
console.log(myFoo.name);
console.log(myFoo.age);

然後在iTerm中執行node http.js指令,運行結果如下所示

總結以上:

也就是說,js檔案和js檔案之間有兩種合作的模式:
1) 某一個js檔案中,提供了函數,供別人使用。只需要暴露函數就行了;exports.msg=msg;
2) 某一個js文件,描述了一個類別。 module.exports = People;

二、npm套件管理

npm是跟隨Node.js一起的套件管理工具,能解決Node.js程式碼部署上的很多問題,當我們使用npm去安裝一些第三方函式庫的時候,安裝套件會放在執行npm指令時所在的目錄中的node_modules資料夾中,如果目前目錄下沒有node_modules,會在目前目錄下產生node_modules目錄,並把我們需要的第三方函式庫放在node_modules中。

所以在安裝的時候,要注意,命令提示字元所在的位置。

安裝第三方函式庫的指令  npm install 模組名字, 假如我們需要安裝express,那麼只需要在命令列中輸入npm install express

1.我們的依賴包,可能隨時更新,我們永遠想保持更新,或某持某一個版本;
2.專案越來越大的時候,給別人看的時候,沒有必要再分享我們引用的第三方模組。

所以我們可以使用package.json來管理依賴套件。

在cmd中,使用npm init可以初始化一個package.json文件,用回答問題的方式產生一個新的package.json文件。

產生package.json的作用就是,如果一不小心我們丟了什麼依賴,那麼只要我們直接npm install就可以安裝package.json中的缺失的依賴;

package. json中版本號前面有一個尖角號,表示固定版本,即固定使用我現在安裝的版本;

#例如我們現在新建一個資料夾

1、新資料夾

我們現在需要安裝一個第三方函式庫express,就先進入這個資料夾,開啟命令列,在此輸入npm install express'' 等命令列完成之後,我們會看到在資料夾中就新建了一個node_modules資料夾,並且把我們需要的庫已經安裝在資料夾中

2、安裝後資料夾中內容

然後我們需要一個package.json管理我們的包,就可以在命令列中輸入npm init,這時可已根據命令列的提示回答問題建立package.json

#3、建立package.json

那麼我們這個項目的一些依賴,版本號,描述,作者等都可以透過package.json進行相應管理。

4、套件管理

我這個套件管理內容比較少,那麼正常情況下package.jaon都有如下內容

#三、模組物件的屬性

#這個作為更深入的了解。

在模組檔案內部,可以存取目前模組的以下一些屬性。

module.id : 表示該模組檔案的絕對路徑。

module.filename :屬性值為目前模組的檔名

module.loaded :屬性值為布林值,當屬性值為false時表示模組尚未載入完畢,反而為載入完畢。

module.parent:屬性值為目前模組的父模組對象,也就是呼叫目前模組的模組物件

module.children:屬性值為一個數組,其中存放了目前模組所有子模組對象,即目前模組中已載入的所有模組對象。

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

ajax請求vue.js渲染頁面載入

#如何解決Vue.js顯示資料的時,頁面閃現

使用vue-router如何設定每個頁面的title方法

在vue中如何實現頁面跳轉後返回原始頁面初始位置

以上是如何使用node模組與npm套件管理工具的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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