npm常用命令及其node相關工具匯總


它是一個事件驅動異步I/O單進程的服務端JS環境,基於Google的V8引擎,V8引擎執行Javascript的速度非常快,性能非常好。

  • 瀏覽器是JS的前端運行環境。
  • Node.js是JS的后端運行環境,在后端中運行無法調用 DOM 和 BOM 等瀏覽器內置 API。
  • nodejs調用服務查看服務器相關api gulp基礎node環境

node應用場景

創建應用服務,web開發,接口開發,客戶端應用工具  gulp webpack vue腳手架 react腳手架 小程序

一、node相關工具

1. nvm npm版本管理工具

下載地址:https://github.com/coreybutler/nvm-windows/releases

  1. 安裝前卸載本地 node
  2. 常見命令
    命令 功能
    nvm list/nvm ls 查看安裝的所有node版本
    nvm list available 查看所有node版本
    nvm install latest 安裝最新node
    nvm install 版本號 安裝指定版本
    nvm use 版本號 使用當前版本
    nvm uninstall 版本號 卸載指定版本

2. npm(node package manager)

1、常用命令

如果裝了git和node的,可以直接在有node_modules目錄的文件夾中,右鍵,Git Bash Here,然后輸入

功能 命令
初始化package包 npm init -y
查看
查看當前鏡像源 npm config get registry
查看路徑 pwd
查看當前文件下的所有文件 ls
查看package包 cat package.json
查看當前依賴包信息 npm info 依賴名稱
查看當前依賴版所有本號 npm view 依賴名稱 versions
下載
下載某個依賴 npm install 依賴名稱 --save
下載依賴的某個版本 npm install 依賴名稱@版本號
下載package中的依賴 npm install
刪除
刪除node_modules rm -rf node_modules
刪除依賴包 npm uninstall 依賴名稱 --save
其他
切換鏡像 npm config set registry https://registry.npm.taobao.org
更新 npm update
清除緩存 npm cache clean --force

2、npm 安裝 git 上發布的包

  • 這樣適合安裝公司內部的git服務器上的項目

    npm install git+https://git@github.com:lurongtao/gp-project.git

  • 或者以ssh的方式

    npm install git+ssh://git@github.com:lurongtao/gp-project.git

3、上傳自己的依賴包

  1. 編寫一個js自定義模塊並導出
    exports.myComputed=()=>{
        return '123'
    }
    
  2. 初始化包描述文件
    • npm init package.json
    { 
    "name": "包名", 
    "version": "版本", 
    "description": "module模塊名", 
    "main": "文件(xx.js)",
    "scripts": { 
        "test": "make test" 
    }, 
    "repository": { 
        "type": "Git", 
        "url": "git+git地址" 
    }, 
    "keywords": [ 
        "demo" 
    ], 
    "author": "作者", 
    "license": "ISC", 
    "bugs": { 
        "url": "git地址" 
    }, 
    "homepage": "git地址", 
    }
    
  3. 登陸npm 賬號
    • https://www.npmjs.com 上面的賬號
    • npm adduser 之后會要求登錄賬號密碼,郵箱
    • npm publish 發布包到npm里
  • 坑:403 Forbidden
    查看npm源:npm config get registry
    切換npm源方法一:npm config set registry http://registry.npmjs.org
    切換npm源方法二:nrm use npm
    

4、cross-env

運行跨平台設置 & 使用環境變量腳本
NODE_ENV環境變量將由 cross-env 設置 打印 process.env.NODE_ENV === 'production'

  1. 安裝

    npm i cross-env -D

  2. 使用package.json
        {
        "scripts": {
            "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
        }
        }
    

3. NRM:鏡像源管理工具

nrm是npm的鏡像源管理工具,有時候國外資源太慢,使用這個就可以快速地在 npm 源間切換。

  • 全局安裝: npm install -g nrm
  • 查看原: nrm ls
  • 切換源: nrm use 名稱
  • 測試速度:nrm test

4.npx:npm package extention

npm 從5.2版開始,增加了 npx 命令。它有很多用處,本文介紹該命令的主要使用場景。
Node 自帶 npm 模塊,所以可以直接使用 npx 命令。萬一不能用,就要手動安裝一下npm install -g npx

  1. 解決的問題
    調用項目內部安裝的模塊。比如,項目內部安裝了Mocha。
    只能在項目腳本和 package.json 的scripts字段里面,如果想在命令行下調用,必須像下面這樣
    項目的根目錄下執行
    $ node-modules/.bin/mocha --version
    
    npx 就是想解決這個問題,讓項目內部安裝的模塊用起來更方便,只要像下面這樣調用就行了。

    npx mocha --version
    運行的時候,會到node_modules/.bin路徑和環境變量$PATH里面,檢查命令是否存在。

    • 避免全局安裝


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM