Node.js环境配置

哈喽沃德。

于 2021-06-22 21:42:19 发布

阅读量144

点赞数

文章标签： nodejs

本文链接：https://blog.csdn.net/YUNIYIQIA/article/details/118118044

版权

本文详细介绍了Node.js的安装管理，包括使用nvm进行版本管理，修改nvm默认镜像源以提高下载速度，以及nvm的各种命令。此外，还讲解了npm、cnpm和yarn的安装、包管理以及常用命令。最后提到了一些常用的第三方脚手架，如vue-cli、http-server和hexo-cli等，帮助开发者更高效地进行项目搭建。

摘要由CSDN通过智能技术生成

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

Node.js版本管理

1、手动安装nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash
运行以上任一命令将下载一个脚本并运行它。
该脚本会将nvm存储库克隆到~/.nvm,并尝试将以下代码段中的源代码行添加到正确的配置文件（~/.bash_profile, ~/.zshrc, ~/.profile, 或 ~/.bashrc）
	export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
2、修改nvm默认镜像源
用国内镜像快速安装node,把环境变量 NVM_NODEJS_ORG_MIRROR加入到正确的配置文件（~/.bash_profile,~/.zshrc, ~/.profile, 或 ~/.bashrc）
export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node
3、nvm命令
nvm version # 查看当前的版本
nvm ls-remote # 列出所有可以安装的node版本号

nvm install stable # 安装最新稳定版本
nvm install  <version> # 安装指定版本号的node
nvm use <version> # 切换使用指定的版本node

nvm ls  # 列出所有已经安装的node版本
nvm current # 当前node版本

nvm alias default <version>  # 指定默认的node版本
nvm alias <name> <version> # 给不同的版本号添加别名
nvm unalias <name> ## 删除已定义的别名

nvm uninstall <version> 卸载指定的版本

Node.js包管理

4、安装包管理工具: npm、cnpm、yarn
npm -g install npm@next  # npm升级
npm install -g cnpm --registry=https://registry.npm.taobao.org  # cnpm安装
npm install -g yarn  # yarn安装
5、查看已安装的所有全局包
npm list -g --depth=0

cnpm list -g --depth=0

yarn global list
6、安装包
npm install -g <package>

cnpm install -g <package>

yarn global add <package>
7、卸载包
npm uninstall -g <package>

cnpm uninstall -g <package>

yarn global remove <package>
8、更新包
npm update <package>
9、更新本地包
npm upgrade --save
yarn upgrade
10、其他一些常用的命令
npm config get registry  # 查看npm当前镜像源

npm config set registry https://registry.npm.taobao.org/  # 设置npm镜像源为淘宝镜像

yarn config get registry  # 查看yarn当前镜像源

yarn config set registry https://registry.npm.taobao.org/  # 设置yarn镜像源为淘宝镜像

Node.js镜像管理

11、直接编辑npm的配置文件
npm config edit
  直接修改registry的地址
  sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
  phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
  electron_mirror=https://npm.taobao.org/mirrors/electron/
  registry=https://registry.npm.taobao.org
12、用代码更改npm的配置文件
	npm config set registry http://registry.npm.taobao.org
13、使用nrm管理registry地址
安装nrm
npm install -g nrm
查看镜像列表
nrm ls
切换镜像
nrm use taobao
在nrm添加自己的镜像地址
nrm add r_name r_url
# r_name镜像名字  
# r_url镜像地址
删除
nrm del r_name
测试镜像的相应速度
nrm test r_name

第三方脚手架

14、vue 3.0(Node最新版)
npm install -g @vue/cli
# OR
yarn global add @vue/cli
15、vue2.0
Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具
npm install -g @vue/cli-init
或者直接安装vue-cli脚手架
cnpm install -g vue-cli
16、http-server
利用http-server，开启本地服务
cnpm install -g http-server
http-server -c-1   （⚠️只输入http-server的话，更新了代码后，页面不会同步更新）
Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.8.196:8080
Hit CTRL-C to stop the server
17、hexo-cli
cnpm install -g hexo-cli
18、gitbook-cli
cnpm install -g gitbook-cli