Vue-Nvm下载与安装配置以及在命令终端和IDEA终端中测试

涎涎原创约 1535 字大约 5 分钟...VueVue

11-Vue-Nvm下载与安装配置以及在命令终端和IDEA终端中测试.mdopen in new window

注意

本博文仅供学术研究和交流参考,严禁将其用于商业用途。如因违规使用产生的任何法律问题,使用者需自行负责。

下载

  1. 下载地址open in new window

安装

  1. 卸载之前的node后安装nvm, nvm-setup.exe安装版,直接运行nvm-setup.exe
  1. 选择nvm安装路径
  1. 选择nodejs路径(注:可以直接在nvm路径下写上nodejs文件夹即可,无需创建对应的文件夹程序会自动创建,若创建了对应的文件夹程序也会自动删除)

环境配置

  1. 检查环境变量(通常情况环境变量会自动添加好)
sysdm.cpl

配置setting.txt

使用如下命令:

nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

或者直接在setting.txt里添加如下内容

##node淘宝镜像
node_mirror: https://npm.taobao.org/mirrors/node/

##npm淘宝镜像
npm_mirror: https://npm.taobao.org/mirrors/npm/
  • 注意:
  1. 这里设置的是安装node和npm本身的源,并不是设置安装node包的源。

  2. 安装npm淘宝镜像:npm config set registry https://registry.npm.taobao.orgopen in new window

  3. 可通过 npm config list 查看

常用命令

nvm arch:显示node是运行在32位还是64位。
nvm install <version> [arch] :安装node, version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本,默认是系统位数。可以添加--insecure绕过远程服务器的SSL。
nvm list [available] :显示已安装的列表。可选参数available,显示可安装的所有版本。list可简化为ls。
nvm on :开启node.js版本管理。
nvm off :关闭node.js版本管理。
nvm proxy [url] :设置下载代理。不加可选参数url,显示当前代理。将url设置为none则移除代理。
nvm node_mirror [url] :设置node镜像。默认是https://nodejs.org/dist/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
nvm npm_mirror [url] :设置npm镜像。https://github.com/npm/cli/archive/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
nvm uninstall <version> :卸载指定版本node。
nvm use [version] [arch] :使用制定版本node。可指定32/64位。
nvm root [path] :设置存储不同版本node的目录。如果未设置,默认使用当前目录。
nvm version :显示nvm版本。version可简化为v。

测试

  1. nvm -v

  2. nvm list available

IDE工具里测试

注:之前我不知什么原因安装的nvm在IDEA中一直无法使用命令,后来我来来回回删删装装N多次之后终于可以了 我怀疑是由于之前的nvm以及node没有删除干净的原因!!!!!

  1. 当然你还得将node设置了全局并添加到环境变量里,如下所示
NODE_PATH
D:\ProgramFiles\soft\nodejs\node_global\node_modules

启动VUE项目小技巧

  • 当前我们前面的那么多的辅助功能醉终的目的就是为了启动VUE项目,当我们拿着别的人项目时,有很多时候会因为各种报错而导致项目无法启动的情况,这里分享一下一些小技巧.
  1. 删除 node_modules 文件夹命令,有时候不明原因只要你删除这个文件夹重新安装一次就会成功了,所以你可能会常用如下的命令
rm -rf node_modules
  1. npm outdated 以及 npm update 命令,有时安装依赖时会出现一些警告信息通常是由于你的项目中使用了一些已经过时的库或包如果你决定升级这些过时的库或包,可以通过以下步骤解决这些警告信息:
  • 执行 npm outdated 命令,查看哪些库或包需要升级。

  • 执行 npm update 命令,升级需要更新的库或包。

  • 更新完毕后,重新启动你的项目,确保一切正常。

注意:在升级过时的库或包之前,最好先备份你的项目,以防万一。

  • 当然你也可能手动更改packge.json里的版本,逐个逐个的去试
  1. 利用 npm-check-updates 功具直接更改packge.json里的所有依赖为最新,当然这种很有可能造成你拿到的项目里面的代码因为是低版本而无法获得高版本的支持,但仍不失为一种方法,也非常适用于懒人
  • 执行以下命令来全局安装 npm-check-updates:
npm install -g npm-check-updates
  • 进入你的项目根目录,在命令行中输入以下命令来检查你的项目中需要更新的依赖项:
ncu
  • 如果你想更新 package.json 文件中的依赖项版本,可以在命令行中输入以下命令:
ncu -u
  • 运行上述命令后,npm-check-updates 将自动更新 package.json 文件中的依赖项版本,并生成一个新的 package.json 文件,你可以在项目中使用它。

总之,npm-check-updates 是一个非常方便的工具,可以帮助你快速更新项目中的依赖项版本。不过,注意备份你的项目,以防出现问题.


分割线


相关信息

以上就是我关于 11-Vue-Nvm下载与安装配置以及在命令终端和IDEA终端中测试.mdopen in new window 知识点的整理与总结的全部内容,希望对你有帮助。。。。。。。

扩展知识

  1. nvm的安装和使用(详细)open in new window

  2. nvm 一个nodejs版本管理工具!open in new window

  3. Windows nvm安装与使用open in new window

  4. nvm 安装、卸载与使用(详细步骤)open in new window

  5. NVM(Node.js version management)安装踩坑及在IDEA中的配置open in new window


分割线


上次编辑于:
贡献者: 涎涎
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.4