nodejs的安裝與npm的介紹

来源:https://www.cnblogs.com/wangyueping/archive/2019/09/11/11458266.html
-Advertisement-
Play Games

Node.js是一個Javascript運行環境(runtime environment),發佈於2009年5月,由Ryan Dahl開發,實質是對Chrome V8引擎進行了封裝。本文詳細介紹了Node.js的安裝和使用。 一、Node.js介紹 Node.js 不是一個 JavaScript 框 ...


Node.js是一個Javascript運行環境(runtime environment),發佈於2009年5月,由Ryan Dahl開發,實質是對Chrome V8引擎進行了封裝。本文詳細介紹了Node.js的安裝和使用。

一、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官網後,點擊下載左邊的穩定版本,如下圖所示:

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

Next

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

Next

Install

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


Mac環境安裝Node.js

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

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


三、npm

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

在電腦中安裝好Node.js之後,預設已經安裝好了npm包管理工具,我們可以輸入npm命令進行測試:


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

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

全局安裝

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

npm install -g <package>

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

本地安裝方式一

npm init
npm install [email protected]

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

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

本地安裝方式二

npm init
npm install [email protected] --save

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

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

本地安裝方式三

npm init
npm install [email protected] --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 欄位決定了我們的包發佈到哪裡。

關於npm的介紹到這裡就結束


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • CSS是Cascading Style Sheets(層疊樣式表)的簡寫,用於修飾文檔的語言,可以修飾HTML、XML、SVN。每個語言都有每個語法的規則:CSS聲明、CSS聲明塊、CSS選擇器、CSS規則。 1、css聲明簡單來說就是一個鍵值對的形式,類似於 color: black; 2、css ...
  • JavaScript概述 ECMAScript和JavaScript的關係 1996年11月,JavaScript的創造者 Netscape公司,決定將JavaScript提交給國際標準化組織ECMA,希望這門語言能夠成為國際標準。次年,ECMA發佈262號標準文件(ECMA 262)的第一版,規定 ...
  • 使用xampp將angular項目運行在web伺服器。在開發angular項目時,因為需要做自適配以適應不同的屏幕,而我的電腦只有1366的。所以我現在需要在本地將angular項目運行在xampp上,然後用手機開熱點,給本機和另一臺大屏電腦連wifi,再使用大屏電腦或手機打開本地電腦運行的網站查看... ...
  • 1.什麼是HTML語義化? 基本上都是圍繞著幾個主要的標簽,像標題(h1-h6),列表(li),強調(strong em)等。 根據內容的語義化(內容結構化),選擇合適的標簽(代碼語義化),便於開發者閱讀和寫出更優雅的代碼的同時,讓瀏覽器的爬蟲和機器很好的解析。 2.為什麼要語義化? 為了在沒有cs ...
  • 一、安裝node nodejs下載地址:https://nodejs.org/ nodejs自帶npm模塊管理器,安裝完成之後打開dos命令視窗輸入 node -v就能查看nodejs是否安裝成成功 由於npm安裝module太慢,建議使用淘寶鏡像:npm install cnpm -g --reg ...
  • 環境: 1、ionic 2、angular-cli 開發 1、CTRL C + CTRL V 2、圖片路徑的問題 使用‘assets/xxxxx.jpg’,而不使用‘../../assets/xxxxx.jpg’,因為打包後的目錄如下: 伺服器上圖片會報404錯誤。 3、打包問題 打包命令: ion ...
  • HTML5現在已經不是SGML的子集,主要是關於圖像,位置,存儲,多任務等功能的增加。 繪畫canvas; 用於媒介回放的video和audio元素; 本地離線存儲localStorage長期存儲數據,瀏覽器關閉後數據不丟失; sessionStorage的數據在瀏覽器關閉後自動刪除; 語義化更好的 ...
  • jQuery(五): Deferred 有啥用 通常來說,js請求數據,無論是非同步還是同步,都不會立即獲取到結果,通常而言,我們一般是是使用回調函數再執行,而 deferred就是解決jQuery的回調函數方案,總的來說,deferred對象就是為了將某個回調函數延遲到某個時機再執行. 1. aja ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...