npm初体验

214 阅读2分钟

npm的由来:

当一个网站所依赖的代码越来越多,就需要去各个网站去下载对应代码。npm为了解决这个痛点,将依赖都存放在服务器中,需要的时候使用npm拉取对应依赖项,就会将拉取的依赖写入到package.json中,然后通过npm install,npm就会将代码下载到node_modules目录内。这些被下载的代码叫做包(package),Node Package Manager(管理器)也就是npm名字的由来。在后期的node.js中都是内置有npm的,所以现在安装了node.js也就有了npm的环境,可以使用npm --versionnode --version来检查安装的版本信息。

使用npm初始化一个项目:

先进入终端:

npm init

初始化设置,根据提示输入即可,输入完成后会生成package.json文件

npm install ***

//such as
npm install axios

***为需要安装的依赖,执行完毕后当前目录下会生成node_modules文件夹,所有下载的依赖都会存入该目录下

npm run:

npm run-script的简写,当run的是start命令时,可以省略run,即npm run start可以简写为npm start。下图代码执行完毕后,输出一致。

image-20210303225911967

pre和post:

对于某个命令 ***时,如果定义:

  • pre***,那么就会在npm run ***之前执行
  • post***,那么就会在npm run ***之后执行
"scripts": {
    "start": "echo \"test\"",
    "predev": "echo \"before dev\"",
    "dev": "echo \"deving\"",
    "postdev": "echo \"after dev\""
  },

***为dev时,执行npm run dev,输出如下:

image-20210303230924912

注意:当执行的命令出现错误时,后面的命令是不会再去执行的:

下图是在执行eslint的命令时发生了错误后,postlint命令是没有执行的

image-20210303231957761