前端学习笔记

1.vue3

2.npm原文链接

安装开发和生产依赖

npm install axios -S
npm install axios
npm i axios

开发者

npm install axios -D
npm i axios -D

生产环境不需要安装时，我们需要通过 npm install --production 来安装文件的依赖；

卸载某个依赖包：

npm uninstall package --save-dev
npm uninstall package -D

强制重新build

npm rebuild

清除缓存

npm cache clean

yarn---另一个npm包管理工具

npm和yarn常用命令对比

查看npm镜像

npm config get registry

直接设置npm的镜像：

npm config set registry https://registry.npm.taobao.org

使用cnpm，并且将cnpm设置为淘宝的镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm config get registry # https://r.npm.taobao.org/

npx是npm5.2之后自带的一个命令，npx的作用非常多，但是比较常见的是使用它来调用项目中的某个模块的指令

以webpack为例：全局安装的是webpack5.1.3，项目安装的是webpack3.6.0
如果我在终端执行 webpack --version使用的是哪一个命令呢？

显示结果会是 webpack 5.1.3，事实上使用的是全局的，为什么呢？
原因非常简单，在当前目录下找不到webpack时，就会去全局找，并且执行命令；
那么如何使用项目（局部）的webpack，常见的是两种方式：

方式一：明确查找到node_module下面的webpack
方式二：在 scripts定义脚本，来执行webpack；
方式一：在终端中使用如下命令（在项目根目录下）

./node_modules/.bin/webpack --version

方式二：修改package.json中的scripts

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "webpack": "webpack --version"
  },

终端中执行：

npm run webpack

但是这两种方式都有一点点麻烦，更好的办法是直接使用npx：

npx webpack --version

npx的原理非常简单，它会到当前目录的node_modules/.bin目录下查找对应的命令；