Vue前端

快速了解npm

2020-12-15  本文已影响0人  上帝说有bug
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、* 意味着安装最新版本的依赖包

上一篇 下一篇

猜你喜欢

热点阅读