react中“create-react-app”不是内部或者外部命令也不是可运行程序的解决办法


1.分析问题的原因:
出现这种问题一般是因为命令所在路径和配置的环境变量的路径不统一所导致的,即命令所在的位置不是环境变量所指向的位置;
2解决方案:
(1.)使用npm自带的命令npm config list查看npm相关的环境变量(如果没有手动配置,则npm的环境变量一般配置的是默认路径:这里写图片描述),采用默认路径一般是在系统盘,这样不太好,下面将详细介绍自定义环境变,通过对比当前的安装路径:这里写图片描述,会发现两者确实不同,只要将命令安装路径和命令运行路径(环境变量指向的路径)统一即可。
(2.) 通过命令:npm config set prefix "D:\XXXXXX\XXXXX\XXX"即可设置命令的安装路径(该路径和环境变量指向的路径应该保持一致);


node.js的自定义配置:

(1.)安装


  1. 双击安装包,一路下一步,路径最好别放C盘,因为我是强迫症,不喜欢C盘被乱七八糟的东西塞满。

  2. 安装完成后,建议再找个喜欢的地方创建一个全局包文件夹,这样你的全局包与缓存会放在这个文件夹下,比较好找。比如我的路径:D:\software\dev\Node

    • 这里写图片描述

    • Cache:缓存目录

    • Lib:全局包目录

  3. 包目录创建好后,在nodejs安装目录下的node_modules\npm下找到npmrc文件,并修改:

    • 这里写图片描述

    • 修改全局包与缓存的目录配置为刚刚我们创建的文件夹。

(3) 配置环境变量


  1. 右键我的电脑-属性-高级系统设置-高级-环境变量,打开环境变量设置窗口

    • 这里写图片描述

  2. 在下面的系统变量中找到Path,点击编辑,在后面加入nodejs的安装目录,我这里就是D:\software\dev\nodeJS\

  3. 然后打开cmd,输入node -v回车显示node版本,输入npm -v回车,显示npm版本,则表示node安装成功。

  4. 在用户变量Path中,修改默认配置为刚刚设置的prefix路径。


注意:prefix指向的路径中,应该包含全局安装包的文件夹缓存文件夹,这两个文件夹应该是同级的文件,层次结构如下所示:这里写图片描述


Previous
React中es5与es6写法对比 React中es5与es6写法对比
1.引入与导出方式不同 //ES5 var React = require(“react”);//ES6 import React, { Component,PropTypes } from ‘react 2.导入: ES5使用re
2018-12-04 Pursue
Next
react结合d3.js和svg绘制条形统计图 react结合d3.js和svg绘制条形统计图
最近学习了下D3.js并仿照别人的案例写了个小demo【参考文章》http://wiki.jikexueyuan.com/project/d3wiki/chart.html】,遇到了一些问题,在这里记录下:1.遇到的一些坑:(1.)D3.j
2018-12-04 Pursue