npm史上最快速上手教程!!! 5分钟玩转npm!

NPM快速上手

tips: 进阶部分需要一点点git知识; 除了这篇文章的内容以外npm还有很多功能值得各位去探索!

---

目录

• npm安装

• 快速上手!!!

• 进阶

---

npm安装

• 安装node.js: http://nodejs.cn (npm本身基于Node.js)

  安装完成后可以在命令行中输入 node -v 检查node.js的版本

  > node -v
  v16.16.0
  

  > npm install npm -g    安装npm给全局用户
  > npm -v
  8.15.1
  

• 小问题: npm警告

  在使用npm时出现了 npm WARN config global –global, –localare deprecated. Use–location=global instead. 警告

  解决方法: https://www.testingdocs.com/fix-npm-warnings-config-global-global-local-are-deprecated/

---

快速上手!!!

• 包查询

  npm官网: https://www.npmjs.com/ (在npm的官网上能够查找扫需要的包)

• 使用

  初始化
  npm init
  
  安装依赖模块 (根据配置文件生成的)
  > npm install
  
  在项目目录下安装模块
  project> npm install <Module Name>
  project> npm i <Module Name>	(install 可以缩写成 i)
  
  在项目目录下安装特定版本的模块 (@后面加版本号)
  project> npm install <Module Name>[@version]
  
  在全局下安装模块(卸载使用uninstall)
  > npm install <Module Name> -g
  
  在项目目录下卸载模块
  project> npm uninstall <Module Name>
  
  查看安装的模块
  > npm list [-g]
  

---

进阶

• 运行依赖与开发依赖

  • 运行依赖: 项目上线后还需要使用的模块 (例如: jquery, bootstrap等, 在项目上线后还需要使用)
  • 开发依赖: 项目开发期间使用的模块 (例如代码压缩模块, 在项目上线后不需要使用)

  -save 运行时依赖(默认)
  > npm install -save <ModuleName>
  
  -save-dev 开发时依赖
  > npm install -save-dev <ModuleName>
  

• 配置文件–Package.json

  • 配置字段参考

    字段名	含义
    package name	包名
    version	版本号
    description	包描述
    homepage	官网url
    main	主文件, require(‘ModuleName’) 加载此文件, 默认为index.js1
    scripts	命令
    repository	代码仓库
    keywords	包关键字
    auther	作者
    contributors	贡献者
    license	许可证类型
    dependencies	运行时依赖
    devDependencies	开发时依赖

• 运行命令

  在配置文件中有一个scripts字段, 这个字段保存着命令和命令执行的脚本

  执行命令
  > npm run <Script>