NodeJs 基础篇

Node 和 npm 工具的安装与验证

1. 验证 Node 安装。node -v
2. 安装 Node 默认安装 npm 工具，验证 npm 安装。npm -v

npm 仓库的查看与配置

查看 npm 镜像。

npm config get registry
# https://registry.npmjs.org/

# 设置npm镜像
npm config set registry https://registry.npm.taobao.org

https://panjiachen.github.io/vue-element-admin-site/zh/guide/#安装

TIP(vue-element-admin)

强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。若还是不行，可使用 yarn 替代 npm。

npm(推荐换源) 或 cnpm 的依赖管理

1. 使用 npm 工具安装依赖。使用 npm 工具安装依赖 npm install xxx。

   # 各种安装的区别
   
   # 全局依赖安装
   # 1. 将安装包放在 /usr/local 下或者你 node 的安装目录。
   # 2. 可以直接在命令行里使用。
   npm install xxx -g
   
   # 会把依赖安装到 node_modules 中；
   # 不会修改 package.json，之后运行 npm install 命令时不会自动安装。
   npm install xxx
   
   # 会把依赖安装到 node_modules 中；
   # 会添加依赖到 package.json 的 dependencies 属性下，之后运行 npm install 命令时安装依赖到 node_modules
   # 之后运行 npm install –production 或者注明 NODE_ENV 变量值为 production 时，会安装到 node_modules
   npm install xxx --save
   npm install xxx -S
   
   # 会把依赖安装到 node_modules 中；
   # 会添加依赖到 package.json 的 devDependencies 属性下，之后运行 npm install 命令时安装依赖到 node_modules
   # 之后运行 npm install –production 或者注明 NODE_ENV 变量值为 production 时，不会安装到 node_modules
   npm install xxx --save-dev
   npm install xxx -D
   
   ## 使用原则：运行时需要用到的依赖使用 –-save，否则开发时用到的依赖使用 -–save-dev

2. 国外镜像速度较慢，安装 cnpm 工具。使用 cnpm 工具安装依赖 cnpm install xxx。

   npm install -g cnpm --registry=https://registry.npm.taobao.org
   
   # 验证
   cnpm -v
   # cnpm@6.1.1 (C:\Users\guo.wl\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
   # npm@6.14.5 (C:\Users\guo.wl\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
   # node@12.16.3 (D:\Program Files\nodejs\node.exe)
   # npminstall@3.27.0 (C:\Users\guo.wl\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
   # prefix=C:\Users\guo.wl\AppData\Roaming\npm
   # win32 x64 10.0.18363
   # registry=https://r.npm.taobao.org

3. 使用 npm/cnpm 工具卸载依赖。npm uninstall xxx/cnpm uninstall xxx。

node_modules 的删除

删除 node_modules 文件夹

npm install rimraf -g
rimraf node_modules

使用示例

# npm install -g @vue/cli
npm i -g @vue/cli

npm install axios --save

npm install webpack -g
npm install webpack-cli -g