快速了解npm

作者: 上帝说有bug | 来源:发表于2020-12-15 10:32 被阅读0次
npm是什么?

npm就是Node环境下的一个包管理平台,那么包管理又是什么呢?
打个比方,你现在要造一台车,车架子都搭好了,想开始做轮胎,但是没必要完全自己做,直接拿别人做好的轮子就行啊,于是在Npm中你可以直接找到你想要的各种轮子,通过这个平台你可以很方便的安装和管理这些轮子。

首先我们需要安装Node.js,安装完毕后就会自带Npm
Node下载地址

新建一个项目,进入项目目录,输入命令
$ npm init
就会初始化一个package.json的描述文件
该文件描述了你的项目依赖哪些包
允许我们使用“语义版本规则”,指明你项目依赖的版本
它让你的构建更好的与其他人共享。

一个标准的package.json会像下面这样

{
  "name": "",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "lint": "eslint --ext .js,.vue src"
  },
  "dependencies": {
    "connect-history-api-fallback": "^1.6.0",
    "vue": "^2.5.22",
    "vue-awesome-mui": "^1.7.3",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.4.0",
    "@vue/cli-plugin-eslint": "^3.4.0",
    "@vue/cli-service": "^3.4.0",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.8.0",
    "eslint-plugin-vue": "^5.0.0",
    "expose-loader": "^0.7.5",
 
  }
}

name:全部小写,没有空格,可以使用下划线或者横线
version:x.x.x的格式,符合语义化规则
description:描述信息,有助于搜索
main:入口文件,一般都是index.js
scripts:支持的脚本,默认是一个空的test,通过npm run 可以执行这段脚本
author:作者信息
license:默认是MIT
keywords:关键字,有助于人们使用npm search搜索时候发现你的项目
dependencies:生产环境依赖的包
devDependencies:开发环境依赖的包(比如babel解析,css-loader等等)

一开始默认都是空,会提示你创建基础的项目描述信息

要在当前目录安装包,你只需:
$ npm install [package-name]

$ npm install vue

你还可以全局安装软件包, 后面加上参数-g即可
$ npm install vue -g
这意味着Node.js将能够从你可能需要的任何项目中访问。

安装时添加参数,例如
$ npm install vue --save-dev

--save(缩写-S),表示安装后,将包名和对应的版本,添加到package.json里的dependencies模块(生产环境)
--save-dev(缩写-D),表示安装后,将包名和对应的版本,添加到package.json里的devDependencies模块(开发环境)

安装指定版本
$ npm install vue@3.0.0 --save-dev

Node.js中package.json中库的版本号详解:
1、 ~ 匹配最近的小版本依赖包,比如~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0
2、^ 匹配最新的大版本依赖包,比如^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0
3、* 意味着安装最新版本的依赖包

相关文章

  • 快速了解npm

    npm是什么? npm就是Node环境下的一个包管理平台,那么包管理又是什么呢?打个比方,你现在要造一台车,车架子...

  • npm了解

    1. 简介 npm (Node Package Manager) 1.通过npm可以安装、共享、分发代码 , 管理...

  • 我的NPM 插件

    NRM(快速切换NPM源)

  • React快速开始+Recat主要知识内容

    React快速开始+Recat主要知识内容 快速开始 创建项目文件夹 npm init // 初始化npm配置文件...

  • nrm

    一、简介 nrm(npm registry manager )是npm的镜像源管理工具,可以快速地在 npm 源间...

  • 快速切换npm源的方法-nrm

    nrm是一个NPM源管理器,允许你快速的在多个NPM源间切换 npm cnpm taobao nj npm Mir...

  • 从零开始搭建react项目

    1. 快速搭建: npx npx 附带npm 5.2及更高版本,请参阅旧版本npm版本的说明。 npm Yarn ...

  • npm script工作流 (一) eslint

    创建项目 命令:npm init 生成文件: package.json npm init -f 【快速生成】 修改...

  • 五、使用NRM 管理NPM源

    nrm 是一个 NPM 源管理器,允许你快速地在如下 NPM 源间切换:npm[https://www.npmjs...

  • 3分钟快速了解npm是什么

    它是世界上最大的软件注册表。 每星期大约有 30 亿次的下载量,包含超过 600000 个(package,即代码...

网友评论

    本文标题:快速了解npm

    本文链接:https://www.haomeiwen.com/subject/nryhgktx.html