node
nvm Quick Start
##1. 安装nvm(最好避免c盘, nvm和nodejs不要在一个文件夹)
nvm node_mirror http://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/
nvm list available
nvm install 20.11.0
nvm use 20.11.0
nvm list
##2. 配置nodejs环境变量
node -v
npm get registry (检查是不是淘宝)
##npm config set registry https://registry.npm.taobao.org/ ## 淘宝镜像源已经失效
##3. 找个文件夹做前端服务器(类似tomcat)
npm install express -D
或者 npm install express --save-dev
##4. 更改package.json配置
{
"type": "module", //导包配置
"devDependencies": {
"express": "^4.18.1"
}
}
##4. 启动类书写 main.js
import express from 'express'
const app = express() //express服务器
app.use(express.static('public/')) //静态资源目录
app.listen(7070) //监听7070端口
##5.启动服务
node main.js
安装nvm
nvm 即 (node version manager),好处是方便切换 node.js 版本
安装注意事项
- 要卸载掉现有的 nodejs
- 提示选择 nvm 和 nodejs 目录时,一定要避免目录中出现空格
- 选用【以管理员身份运行】cmd 程序来执行 nvm 命令
- 首次运行前设置好国内镜像地址
## 淘宝镜像源已经失效
## nvm node_mirror http://npm.taobao.org/mirrors/node/
## nvm npm_mirror https://npm.taobao.org/mirrors/npm/
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
首先查看有哪些可用版本
nvm list available
输出
| CURRENT | LTS | OLD STABLE | OLD UNSTABLE |
|--------------|--------------|--------------|--------------|
| 18.7.0 | 16.16.0 | 0.12.18 | 0.11.16 |
| 18.6.0 | 16.15.1 | 0.12.17 | 0.11.15 |
| 18.5.0 | 16.15.0 | 0.12.16 | 0.11.14 |
| 18.4.0 | 16.14.2 | 0.12.15 | 0.11.13 |
| 18.3.0 | 16.14.1 | 0.12.14 | 0.11.12 |
| 18.2.0 | 16.14.0 | 0.12.13 | 0.11.11 |
| 18.1.0 | 16.13.2 | 0.12.12 | 0.11.10 |
| 18.0.0 | 16.13.1 | 0.12.11 | 0.11.9 |
| 17.9.1 | 16.13.0 | 0.12.10 | 0.11.8 |
| 17.9.0 | 14.20.0 | 0.12.9 | 0.11.7 |
| 17.8.0 | 14.19.3 | 0.12.8 | 0.11.6 |
| 17.7.2 | 14.19.2 | 0.12.7 | 0.11.5 |
| 17.7.1 | 14.19.1 | 0.12.6 | 0.11.4 |
| 17.7.0 | 14.19.0 | 0.12.5 | 0.11.3 |
| 17.6.0 | 14.18.3 | 0.12.4 | 0.11.2 |
| 17.5.0 | 14.18.2 | 0.12.3 | 0.11.1 |
| 17.4.0 | 14.18.1 | 0.12.2 | 0.11.0 |
| 17.3.1 | 14.18.0 | 0.12.1 | 0.9.12 |
| 17.3.0 | 14.17.6 | 0.12.0 | 0.9.11 |
| 17.2.0 | 14.17.5 | 0.10.48 | 0.9.10 |
建议安装 LTS(长期支持版)
nvm install 16.16.0
nvm install 14.20.0
执行 nvm list 会列出已安装版本
切换到 16.16.0
nvm use 16.16.0
切换到 14.20.0
nvm use 14.20.0
安装后 nvm 自己的环境变量会自动添加,但可能需要手工添加 nodejs 的 PATH 环境变量
安装nrm及使用
npm install -g nrm ## 安装
nrm ls ## 查看当前源
nrm use taobao ## 切换源
nrm add <registry> <url> ## 添加源
nrm del <registry> ## 删除源
安装yrm及使用
安装
npm install -g yrm
# 或指定淘宝源安装
npm install -g yrm --registry=https://registry.npmmirror.com
使用
查看可用镜像源
yrm ls
带 * 的为当前使用的源,例如:
npm ---- https://registry.npmjs.org/
cnpm --- http://r.cnpmjs.org/
* taobao - https://registry.npmmirror.com/
yarn --- https://registry.yarnpkg.com
切换镜像源
yrm use taobao
此操作会同时更新 .npmrc 和 .yarnrc,避免 npm/yarn 源不一致的问题。
添加自定义源
yrm add my-registry http://your.registry.url/
删除源
yrm del my-registry
测试镜像源速度
yrm test taobao
查看当前源
yrm current
# 或分别查看
npm config get registry
yarn config get registry
注意:
- yrm 与 nrm 类似,但 yrm 更适合多包管理器环境。
- 切换源后建议执行一次
npm cache clean --force或yarn cache clean清理缓存,确保新源生效。
检查npm(使用nrm)
npm 是 js 的包管理器,就类似于 java 界的 maven,要确保它使用的是国内镜像
检查镜像
npm get registry
如果返回的不是 https://registry.npm.taobao.org/,需要做如下设置
npm config set registry https://registry.npm.taobao.org/
npm常用命令
npm -v #查看 npm 的版本
npm -l #查看各个命令的简单用法
npm help #查看 npm 命令列表
npm config list -l #查看 npm 的配置
npm install #安装项目的全部依赖包
npm install <package_name> #安装指定的依赖包
npm install --save <package_name> #安装指定的依赖包,并将其添加到项目的 dependencies 节点中。
npm install --save-dev <package_name> #安装指定的依赖包,并将其添加到项目的 devDependencies 节点中。
npm uninstall <package_name> #卸载指定的依赖包。
npm update #更新项目的全部依赖包。
npm outdated #检查项目的依赖包是否有更新版本。
npm init #初始化项目,生成package.json文件。
npm publish #发布自己的包。
npm search <package_name> #搜索指定的依赖包。
npm info <package_name> #查看指定依赖包的详细信息。
npm search搜索模块
npm search <搜索词> [-g]
npm search 命令用于搜索 npm 仓库,它后面可以跟字符串,也可以跟正则表达式。
npm list查看模块
#当前项目安装的所有模块
npm list
#列出全局安装的模块 带上[--depth 0] 不深入到包的支点 更简洁
npm list -g --depth 0
npm install安装模块
#读取package.json里面的配置单安装
npm install #可简写成 npm i
#默认安装指定模块的最新(@latest)版本
npm install [<@scope>/]<name> #eg:npm install gulp
#安装指定模块的指定版本
npm install [<@scope>/]<name>@<version> #eg: npm install gulp@3.9.1
#安装指定指定版本范围内的模块
npm install [<@scope>/]<name>@<version range> #eg: npm install vue@">=1.0.28 < 2.0.0"
#安装指定模块的指定标签 默认值为(@latest)
npm install [<@scope>/]<name>@<tag> #eg:npm install sax@0.1.1
# 通过Github代码库地址安装
npm install <tarball url> #eg:npm install git://github.com/package/path.git
npm uninstall卸载模块
#卸载当前项目或全局模块
npm uninstall <name> [-g]
#eg: npm uninstall gulp --save-dev
# npm i gulp -g
#卸载后,你可以到 /node\_modules/ 目录下查看包是否还存在,或者使用以下命令查看:
npm ls #查看安装的模块
npm update更新模块
npm update #检查并更新项目的全部依赖包
#升级当前项目或全局的指定模块
npm update <name> [-g]
#eg: npm update express
# npm update express -g