中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何在nodejs中使用npm

發布時間:2021-03-24 15:00:06 來源:億速云 閱讀:374 作者:Leah 欄目:web開發

本篇文章給大家分享的是有關如何在nodejs中使用npm,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

一、Node.js介紹

Node.js 不是一個 JavaScript 框架,不同于CakePHP、Django、Rails。Node.js 更不是瀏覽器端的庫,不能與 jQuery、ExtJS 相提并論。Node.js 是一個讓 JavaScript 運行在服務端的開發平臺,它讓 JavaScript 成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。

二、Node.js安裝

windows環境安裝Node.js

在瀏覽器地址欄輸入https://nodejs.org/en/, 進入Node.js官網后,點擊下載左邊的穩定版本,如下圖所示:

如何在nodejs中使用npm

下載完成之后,開始安裝,點擊Next

如何在nodejs中使用npm

Next

如何在nodejs中使用npm

如果不需要修改安裝路徑,Next

如何在nodejs中使用npm

Next

如何在nodejs中使用npm

Install

如何在nodejs中使用npm

打開命令行工具,開始->運行->cmd->回車, 輸入node,如果提示如下,則安裝成功,否則需要手動配置環境變量,或者重新安裝,安裝成功后,我們可以進行JavaScript語言測試:

如何在nodejs中使用npm

Mac環境安裝Node.js

直接使用brew包管理器進行安裝,并根據提示添加環境變量,然后輸入node進行測試:

如何在nodejs中使用npm

以上就是Node.js分別在Windows和Mac環境下的安裝介紹。

三、npm

任何一門計算機語言都包含了豐富的第三方庫,npm就是JavaScript這門語言的第三方庫管理工具,本文詳細介紹了JavaScript的包管理工具,npm。

在計算機中安裝好Node.js之后,默認已經安裝好了npm包管理工具,我們可以輸入npm命令進行測試:

如何在nodejs中使用npm

使用npm包管理工具安裝第三方庫

安裝好npm包管理工具之后,我們來介紹兩種安裝npm包的方式:全局安裝和局部安裝

全局安裝

如果你想將該第三方庫作為一個命令行工具,并且任何項目都可用,那么你應該將其安裝到全局。使用這種安裝方式,可以讓你在任何目錄下使用這個包,安裝全局包的方式如下:

npm install -g <package>

全局方式安裝的npm包,全局可用。

本地安裝方式一

npm init
npm install vue@2.5.17

以上方式安裝的npm包,只在當前目錄下可用,該方式安裝的包:

- 會把包安裝到node_modules目錄中
- 不會新增并修改package.json
- 運行npm install不會自動安裝該包

本地安裝方式二

npm init
npm install vue@2.5.17 --save

本地–save方式安裝的npm包,只在當前目錄下可用,該方式安裝的包:

- 會把包安裝到node_modules目錄中
- 會在package.json的dependencies屬性下添加包
- 運行npm install命令時,會自動安裝包到node_modules目錄中

本地安裝方式三

npm init
npm install vue@2.5.17 --save-dev

采用上述第三種方式安裝的npm包,只在當前目錄下可用,該方式安裝的包:

- 會把包安裝到node_modules目錄中
- 會在package.json的Devdependencies屬性下添加包
- 運行npm install命令時,不會自動安裝包到node_modules目錄中

卸載全局包

`npm uninstall <package> -g`

卸載本地

npm uninstall <package> -S, --save: Package will be removed from your dependencies.
npm uninstall <package> -D, --save-dev: Package will be removed from your devDependencies.

通過npm安裝JavaScript第三方庫時,訪問的是國外的站點,訪問速度會比較慢,此時我們可以使用國內的鏡像站,cnpm,詳細的使用方式請參考http://npm.taobao.org/

安裝cnpm后,使用方式如下:

cnpm install vue

以上就是npm包的安裝和卸載介紹。

但是,當我們需要維護多個獨立的項目環境時, 比如項目一需要Vue2.5.10支持,而項目二需要最新的Vue2.5.17,我們應該分別為項目一和項目二創建獨立的、與外界隔離的第三方庫環境。而不是在當前目錄下使用本地或者全局方式安裝npm包。

我們應該創建一個文件夾,并將該文件夾初始化為npm包環境,使用方式如下:

mkdir myproject
cd myproject
npm init

使用npm init初始化項目環境的時候,會出現如下提示:

Press ^C at any time to quit.
package name: (myproject) 
version: (1.0.0) 
description: 
entry point: (index.js) 
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /Users/pizza/Downloads/myproject/package.json:

{
 "name": "myproject",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "scripts": {
 "test": "echo \"Error: no test specified\" && exit 1"
 },
 "author": "",
 "license": "ISC"
}


Is this OK? (yes)

按需填入上述信息,最后輸入yes,項目環境初始化完畢。如果使用默認信息,可以直接使用npm init -y進行初始化。

上面的信息依次是:

name 項目名稱
version 項目的版本號
description 項目的描述信息
entry point 項目的入口文件
test command 項目啟動時腳本命令
git repository 如果你有 Git 地址,可以將這個項目放到你的 Git 倉庫里
keywords 關鍵詞
author 作者
license 項目要發行的時候需要的證書

查看特定package的信息

npm ls <package>

更新package

npm update <package>

搜索package

`npm search <package>`

package.json詳解

隨著項目的不斷豐富,package.json文件也會跟隨著不斷的復雜,接下來,介紹幾個在上述沒有的條目:

"private": true,
 "dependencies": {
 "antd": "^2.11.1",
 "classnames": "^2.2.5"
 },
 "devDependencies": {
 "axios": "^0.15.3",
 "babel-eslint": "^6.1.2"
 },
 "bin": {
 "dk-cli": "./bin/dk-cli.js"
 },
 "scripts": {
 "start": "node index.js"
 },
 "engines": {
 "node": ">=6.9.0",
 "npm": ">=3.10.10"
 }
 "publishConfig": {
 "registry": "http://gongsineibu/nexus/repository/npm-hosted/"
 }

private可選字段,布爾值。如果 private 為 true,npm 會拒絕發布。這可以防止私有 repositories 不小心被發布出去;

dependenciesdevDependencies

在開發階段,我們需要對開發的模塊進行單元測試,這時在開發環境 devDependencies 下就要安裝單元測試模塊 Mocha。

在生產環境 dependencies,用戶直接使用項目,此時項目的開發已全部完成。這時就不需要單元測試模塊了,再加上只會影響性能。

dependencies 指定了項目生產環境時所依賴的模塊,devDependencies 制定了項目開發環境時所依賴的模塊。

scripts該字段指定了運行腳本命令的npm命令行縮寫,比如start指定了運行npm run start時,所要執行的命令。

下面的設置指定了npm run dev、npm run bulid、npm run unit、npm run test、npm run lint時,所要執行的命令;

"scripts": {
 "dev": "node build/dev-server.js",
 "build": "node build/build.js",
 "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
 "test": "npm run unit",
 "lint": "eslint --ext .js,.vue src test/unit/specs"
 }

engines字段指定依賴的node版本

publishConfig

當我們開發完自己的項目想要將它發布到 Npm 倉庫就需要使用這個屬性。默認情況下我們是往 Npm 公共倉庫中發布包,默認地址是:https://www.npmjs.com/,此時在 package.json 文件中可以不加這個屬性。

但是如果公司內部搭建了 Npm 私有倉庫,此時發布包就不是往 https://www.npmjs.com/ 這個地址上發布了,而是公司內部提供的地址,如:http://gongsineibu/nexus/repository/npm-hosted/。此時配置如下:

"publishConfig": {
 "registry": "http://gongsineibu/nexus/repository/npm-hosted/"
 }

publicConfig 字段決定了我們的包發布到哪里。

以上就是如何在nodejs中使用npm,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

启东市| 金华市| 白银市| 新野县| 台北市| 怀来县| 清水县| 定日县| 岳阳县| 南陵县| 屏边| 凌云县| 漳平市| 双江| 郧西县| 石楼县| 九江市| 和田县| 德惠市| 奉节县| 宁陕县| 婺源县| 遂溪县| 乳源| 太原市| 公主岭市| 东阳市| 淮南市| 牡丹江市| 潜山县| 巴林右旗| 磐安县| 托克托县| 武邑县| 城口县| 五华县| 桦川县| 青冈县| 巫山县| 珲春市| 罗甸县|