前端开发者能像后端开发者一样改个配置就能选择引用哪些脚本库甚至指定的版本号吗?有了NPM就可以

背景

作为一个后端开发者,想要成为一名合格的全栈开发工程师,就必须学习前端的知识。

要是几年前,我肯定还是在研究html、css、javascript、jquery,但是现在得看React、Vue.js这样的前端框架了。好,那我就看呗!

可是打开官网第一眼我就不知道怎么下手了,因为第一步安装就得用一个叫NPM的东西。

什么是NPM

官方介绍:

​ npm is the world’s largest software registry.(npm是世界上最大的软件注册表)

NPM给我的感觉就是后端的Maven,因为都是用来管理包的。

Maven里有pom.xml,而NPM里有package.json,都是用来控制需要依赖哪些包以及依赖包的版本的。

NPM可以做什么

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

简单来说,就是可以下载别人写好的工具包来使用,也可以将自己的包上传到仓库供别人使用。

NPM常用命令

命令 描述
npm -v 查看NPM的版本号
sudo npm install npm -g 升级NPM
npm install {Module Name} 本地安装 Node.js 模块
npm install {Module Name} -g 全局安装 Node.js 模块
npm list -g 查看所有全局安装的模块
npm list {Module Name} 查看某个模块的版本号
npm uninstall {Module Name} 卸载 Node.js 模块
npm update {Module Name} 更新模块
npm search {Module Name} 搜索模块
npm cache clear 清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人
npm run {Scripts} 可以在项目package.json里面自定义脚本命令

Package.json 属性说明

  • name - 包名。
  • version - 包的版本号。
  • description - 包的描述。
  • homepage - 包的官网 url 。
  • author - 包的作者姓名。
  • contributors - 包的其他贡献者姓名。
  • dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。
  • repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。
  • main - main 字段指定了程序的主入口文件,require(‘moduleName’) 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。
  • keywords - 关键字

参考文献

[1] NPM官网

[2] 菜鸟教程-NPM使用介绍