npm 简介

npm

下载

npm 官方下载选用 LTS 较稳定 (LongTermSupport)nvm 官方下载使用 npm -v 确认是否安装完成

nvm

用来管理多个版本的 npm可以进行切换

建立环境

必须要有 package.json 才能安装其他套件

  // 专案初始化 & 建立 package.json  // -f 表示快速建立  npm init -f 

package.json

{  "name": "专案名称",  "version": "专案版号",  "description": "描述",  "main": "index.js", // entry point "专案进入点"  "scripts": {    // 此为 test command    // npm script (可以将各种指令组合一起输出)        // 只需要打 npm start 即可    // 亦可使用 F1 VSCode 会列出所有可用 script    "start": "node start app.js" // 简化指令  },   "keywords": [ "关键字" ],  "repository": {    "type": "git",    "url": "上github建立专案的网址"  },  "author": "作者名",  "license": "专案版权",  // ISC MIT  "devDependencies": {    // 专案开发时使用的套件，专案输出时不会加入    "eslint": "^5.16.0",  },  "dependencies": {    // 专案上线时相依的套件，专案输出时会加入    "axios": "^0.19.0"  }}

安装套件 (axios为例)

npm help 列出指令列表cls VSCode 清空 Console 用

  // i 为 install 缩写  npm i axios  npm i lodash@4.17   // 可以指定版本号  // --save-dev 会把套件加入 devDependencies  npm i axios --save-dev  // 更新套件  npm update lodash  // 解除安装  npm uninstall 套件名 

全域安装 (nodemon为例)

-g 表全域安装，安装在电脑上而非该专案依需求选用，各专案可能用的版本不同npm root -g 可以查询全域的套件，安装在哪?可能会需要设定显示隐藏档案nodemon 用来监控专案改动，自动reload (类似LiveServer)Ctrl + C 关闭 nodemon

    npm i -g nodemon    console.log(123) // index.js    // VSCode Console 打上 nodemon 送出即可运行    // 会监测任何 index.js的改动 并 reload

查询安装的套件

未加参数，会将所有相依都呈现出来 (没必要)

    // 只显示第一层套件    npm list --depth 0        +-- axios@0.19.0    +-- eslint@5.16.0    +-- eslint-config-airbnb-base@13.1.0    `-- eslint-plugin-import@2.17.3

版本号介绍 (8.2.6)

8 首个数字代表主版本 (巨大改动)2 代表次版本 (新功能)6 代表更新 (Patch,Bug Fix)

package.json 版号标记

不给与标记，即安装该版本^ 表更新至最新的次版本 (不会更新主版本)~ 表更新至最新的更新 (Patch)最新版本 (不建议!!!)

安装完成后

安装的套件档案会放在 node_modules 裏面记得要在 .gitignore 忽略 node_modules

使用他人的专案

git clone ~url .使用 npm i 就会自动安装所有套件了npm i --production 可以不安装开发用的相依

参考资料

从零开始: 使用NPM套件NPM Crash Course