------------恢复内容开始------------

------------恢复内容开始------------

上篇文件 写到  遇到了两个棘手问题  ;

@终端进程启动失败: shell 可执行文件“C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe”的路径不存在。

@node环境变量配置丢了要重新安装

它棘手就在于  网上的教程千奇百怪  描述不具体  而实际情况是错一丁点都不行 ;

别人看完就觉得你是在瞎说 ,其实很可能是你用的时候这种配置可以,而过段时间随着维护配置方法就更新了,而官网那些光头大佬又喜欢用概念解释概念 说些人听不懂的神级词汇......

所以看这篇教程前请先看下提交时间  如果过去了很久就只是仅供参考了,谢谢不喜勿喷。

============================================

系统环境:win10 ,x64  ;

使用nodejs官网安装包  =》https://npm.taobao.org/mirrors/node/  淘宝镜像历史版本  我选的是node-v13.9.0-x64.msi;

至于安装过程就是  next到底(如何不想装到c盘就注意下修改安装路径那一步) 中间不需要勾选其他的  在其中有个步骤是安装向导会默认让你勾选 node与npm 的path,勾选就是;

安装完成后就可以 win + r  使用cmd 键入 node -v ,npm -v 查看版本 证明 安装成功  如何没有返回版本号就安装失败了 回到开头重新阅读文章(流程实测不会有错);

   你以后npm 下来的 安装包 要放到一个地方啊 所以你要新建或者找一个文件夹  ,比如我就把这个文件夹定义为 global  并把它放到了nodejs的安装目录 E:\nodejs 里边,

  同时还在安装目录中新建了一个用来保存临时文件 所以命名为cache  这两个文件夹待会用到;

修改npm的默认配置 ,这些软件都有一个坏习惯就是总喜欢把文件放到c盘 ,nodejs也不例外  它默认把未来用户的全局安装包放在了c盘用户文件夹下APPDATA/local/...的npm文件夹中  ,让你找都不想找,以达到让你不敢卸载它的目的,配置文件在user文件夹下的 .npmrc文件中记录  ;

我们通过命令行   npm config ls  (ls就是list的缩写) 就可以看到配置信息了 ,其中前边带 是注释掉的配置 ;

我们主要就是要修改 prefix cache 这两个配置项

1 npm config set prefix "安装目录/你刚才新建的用来保存安装包的文件夹";

2 npm config set cache "安装目录/你刚才新建的用来保存临时文件的文件夹";

至于 "https://registry.npm.taobao.org/"  源地址 您愿意改就去网上搜教程把 并不会快多少  我是不相信中间商的 也没有愿意白送的妹子;

修改完就重开命令行 并安装个webpack 了

npm i -g webpack@3.6.0 --save   g > 全局安装才会保存到你刚刚设置的文件夹里  ,等进度条跑完  麻溜去看下你刚刚新建的文件夹中是不是有webpack文件夹 若没有回到开头重新阅读文章(流程实测不会有错);

测试完 命令行试试  webpack -v  提示不是内部或外部命令,也不是可运行的程序或批处理文件。

!!!!!! 不要慌  你环境变量还没配呢 ,所以cmd不知道你敲个webpack 指令是要运行哪一套  .....

那么  我们可以看到 nodejs 安装时默认配的path是 安装目录  就能 敲 node -v  和   npm -v 了  ,睿智的你一定也有点思路了;

我们右击计算机(此电脑,我的电脑),反正点最后一个属性能在左边最后看到 “高级系统设置” 然后点击去 “环境变量”  ;

这里有两坨列表  上边叫 “用户变量”,下边叫 “系统变量”   ,我们先把 用户变量里的那个Path 变量值为指向C盘 npm  的 路径改成  "安装目录/你刚才新建的用来保存安装包的文件夹 ";

然后用户变量这里就搞定了  (有些是先在系统变量里定义一个 变量 然后在这里通过变量名引用 ,效果是一样的 我这样你不会晕 不是嘛? 听懂掌声!)

在系统变量这里 你就把 刚刚放到用户变量Path中的那个变量值拿过来 加到  系统变量的Path中

win10在这里编辑变量值的方式有两种  一种是系统把 ;字符串;字符串;的格式给你解析成了多个输入框  你想新增就在下方空白的地方双击 ,又或者是你双击后点右边的编辑文本,自己来加分号  推荐第一种;

这样就可以了 ,没想到这么简单把  ,因特网上那些大佬不知道他们有没有看下自己的文章是不是错的。 wurenzidi缺德

然后我们敲 webpack -v 就显示出了3.6.0 ,敲 vue init webpack supervue 就愉快的安装vue项目啦

到此结束!有问题请留言 看到必回。

nodejs安装 及环境变量配置教程 超详细版的更多相关文章

  1. 01.1 Windows环境下JDK安装与环境变量配置详细的图文教程

    01.1 Windows环境下JDK安装与环境变量配置详细的图文教程 本节内容:JDK安装与环境变量配置 以下是详细步骤 一.准备工具: 1.JDK JDK 可以到官网下载 http://www.or ...

  2. Windows环境下JDK安装与环境变量配置详细的图文教程

    原文作者:souvc博文出处:http://www.cnblogs.com/liuhongfeng/p/4177568.html 本节内容:JDK安装与环境变量配置 以下是详细步骤 一.准备工具: 1 ...

  3. JDK下载安装与环境变量配置图文教程【超详细】

    JDK下载安装与环境变量配置图文教程[超详细] 创建时间:2019年11月13日11时02分 文章目录 1. JDK介绍 1.1 什么是JDK? 1.2 JDK版本介绍 2. JDK下载与安装 3.w ...

  4. [转]Tomcat9.0安装教程 Tomcat9.0环境变量配置教程

    [转]Tomcat9.0安装教程 Tomcat9.0环境变量配置教程 [转]超详细MySQL安装及基本使用教程

  5. 安装选择msi格式还是zip(windows下Nodejs zip版下载安装及环境变量配置)

    安装选择msi格式还是zip((windows下Nodejs zip版下载安装及环境变量配置)) -----以node.js 安装为例: 1,外观对比: ✿ 简单介绍一下node的作用: • node ...

  6. JAVA开发环境搭建 - JDK安装及环境变量配置

    1.前提条件 系统:本教程以WIN7系统为例 JDK:本教程以jdk-7u79-windows-x64为例 2.安装步骤 双击运行JDK安装程序

  7. Java、Apache Tomcat下载与安装及环境变量配置

    1.Java JDK 与 Apache Tomcat 下载 JDK 下载 Apache Tomcat 下载 2.安装与环境变量配置 关于 JDK 的安装挺简单的,网上教程也挺多,Tomcat 下载免安 ...

  8. Java环境变量配置教程

    Windows 10  Java环境变量配置教程 目前Windows 10系统已经很成熟,大多数人开发都在Windows 10系统下进行开发,于是乎我做一下Java环境变量在Windows 10配下的 ...

  9. jdk安装和环境变量配置

    jdk的安装和环境变量配置每次换新环境都在做,但是每次都没有认真去想是怎么做的,反正每次打开百度搜索照做就是.这次整理一下,也顺便理清一下其中的原理. 1.第一步当然就是下载jdk,我这边下载的是jd ...

随机推荐

  1. Linux 系统下10个查看网络与监听的命令

    下面列出来的10个基础的每个linux用户都应该知道的网络和监控命令.网络和监控命令类似于这些: hostname, ping, ifconfig, iwconfig, netstat, nslook ...

  2. 刷题-力扣-1011. 在 D 天内送达包裹的能力

    1011. 在 D 天内送达包裹的能力 题目链接 来源:力扣(LeetCode) 链接:https://leetcode-cn.com/problems/capacity-to-ship-packag ...

  3. MVVM框架三巨头之Vue的前世今生。

    前端有三宝,Angular,Vue,React.目前这三大主流JS框架已经成三分之势.其中的React框架是由脸书开发的,今天我们就来聊一聊VueJS的前世今生. 前世 在2013年的js开发者大会上 ...

  4. 分布式协调组件Zookeeper之 选举机制与ZAB协议

    Zookeeper简介: Zookeeper是什么: Zookeeper 是⼀个分布式协调服务的开源框架. 主要⽤来解决分布式集群中应⽤系统的⼀致性问题, 例如怎样避免同时操作同⼀数据造成脏读的问题. ...

  5. 连接Redis服务

    1.命令 redis-cli -h host -p port -a password 2.参数 host:远程redis服务器host port:远程redis服务端口 password:远程redi ...

  6. Docker私有镜像仓库Harbor

    一.安装Harbor(离线安装包的方式安装) 1.解压离线包 2.进入harbor目录中编辑harbor.yml 3.安装docker-compose yum -y install docker-co ...

  7. QT开发实战一:图片显示

    测试平台 宿主机平台:Ubuntu 12.04.4 LTS 目标机:Easy-ARM IMX283 目标机内核:Linux 2.6.35.3 QT版本:Qt-4.7.3 Tslib版本:tslib-1 ...

  8. [ Skill ] Cadence Skill 语言入门

    https://www.cnblogs.com/yeungchie/ 写个大笔记,低速更新中 ... Cadence Skill Cadence 提供二次开发的 SKILL 语言,它是一种基于通用人工 ...

  9. JNDI注入基础

    JNDI注入基础 一.简介 JNDI(The Java Naming and Directory Interface,Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API,命名服务 ...

  10. axios 取消请求 (如:用户登录失效,阻止其他请求)

    const CancelToken = axios.CancelToken; const source = CancelToken.source(); axios.interceptors.reque ...