陆小叁
这是一个充满鲜花的世界

安装步骤

  1. 下载地址https://nodejs.org/en/ ,选择版本进行下载
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015112205812.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  2. 双击下载好的执行文件进行安装
    在这里插入图片描述

  3. 点击 "next"
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015112904240.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  4. 勾选"接受协议",并点击"nexrt"
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015113033983.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  5. 选择安装目录,点击"next"
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015113213501.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  6. Add to PATH默认会添加到path环境变量中,并点击"next"
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015113340935.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  7. 一直保持默认,点击"next",最后点击install安装即可
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015113433573.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  8. 安装完成后,目录结构如下图所示:
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015113659163.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  9. 打开cmd终端
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015113813767.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  10. 查看是否添加到环境变量
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015113935403.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  11. 查看node版本
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015114018515.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  12. 在安装目录下新建两个文件夹,分别为node_cache和node_global
    如果没有设置全局目录node_global,那么全局安装的文件将会默认保存到
    C:\Users\Administrator\AppData\Roaming\npm
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015114410794.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)
    用户变量设置:讲用变量中的值C:\Users\Administrator\AppData\Roaming\npm改为D:\node\node_global
    在这里插入图片描述

    系统变量设置:添加变量NODE_PATH=D:\node\node_modules
    在这里插入图片描述

  13. 打开cmd,执行
    npm config set prefix "D:\node\node_global"
    npm config set cache "D:\node\node_cache"
    npm list -global 可查看更改后的值![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015115017120.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

  14. 配置淘宝镜像(也可用其它),提升下载速度
    npm config set registry=http://registry.npm.taobao.org
    npm config list 显示所有的额配置信息,可以看到刚配置的项
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015115239805.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)
    查看配置的镜像
    在这里插入图片描述

  15. 测试使用npm 安装vue.js
    在这里插入图片描述
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201015115619831.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjQwNDEw,size_16,color_FFFFFF,t_70#pic_center)

posted on 2020-10-19 08:19  陆小叁  阅读(3146)  评论(0)    收藏  举报