美文网首页
Vue环境搭建补充

Vue环境搭建补充

作者: 婼熙之名 | 来源:发表于2020-03-24 17:49 被阅读0次

    一、名词介绍

    nvm :node version manager -> node 版本管理工具

    npm :node package manager -> node 打包管理工具

    nrm :npm registry manager - > npm 镜像管理工具

    二、安装

    1.安装nvm

    1)命令行输入

    brew install nvm

    出现下图表示安装完成,但要进行相关提示操作


    image.png

    2)按照提示 ->检查nvm的工作空间是否存在 不存在就创建

    You should create NVM's working directory if it doesn't exist:

    • 检查工作目录是否存在(按下面指令操作)
    1. cd ~ // 这个命令在终端任意路径可用 意思是进入到当前用户的跟路径

    2. ls -la // 在用户跟路径查看全部路径

    3.查看文件名称目录列表,如果存在.nvm则不需要新建目录 如果不存在 则使用mkdir创建

    mkdir ~/.nvm

    1. 执行第二步,确认.nvm文件创建成功

    3)按照提示 ->继续配置 nvm的环境变量

    Add the following to ~/.bash_profile or your desired shell

    configuration file:(粘贴下面的内容到bash_profile的配置文件中)

    export NVM_DIR="$HOME/.nvm"

    [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" # This loads nvm

    [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion

    • 进入/.bash_profile,输入vim ~/.bash_profile,
    • 按i进入编辑状态,复制粘贴上面的内容,
    • 编辑完成后 :wq退出,
    • 并 执行 source ~/.bash_profile

    4)完成操作后 通过

    echo $NVM_DIR

    检查 nvm环境变量是否 生效输出/Users/xxx/.nvm 说明生效了

    环境变量配置完成后

    nvm ls 命令可查看当前nvm中 管理的node版本

    image

    二、使用nvm 安装node

    1、查找可安装的 node 长期维护版本:nvm ls-remote --lt

    image

    2.node相关常用命令行

    • 查看所有安装版本:nvm ls

    • 选择长期支持版本安装: nvm install v12.16.1

    • 安装指定版本的node : nvm install 8.0.0

    • 使用指定node版本: nvm use 8.0

    • 使用指定版本 运行js程序:nvm run 6.10.3 app.js

    • 设置环境默认node版本 :nvm alias default 8.1.0

    • 一直使用最新版本node作为默认版本 :nvm alias default node

    ⚠️注意:
    1)默认版本将在所有的工作空间生效
    2)use命令只会在当前的命令窗口生效
    3)node 安装完成后 自带npm

    三、使用npm安装 nrm管理 镜像

    1.安装nom

    npm install nrm -g

    2.安装完成后查看镜像列表。

    nrm ls

    3.使用下面操作可以快速切换镜像源

    nrm use taobao

    相关文章

      网友评论

          本文标题:Vue环境搭建补充

          本文链接:https://www.haomeiwen.com/subject/huqoyhtx.html