'gulp'不是内部或者外部命令,也不是可运行的程序或批处理文件

2017-12-01 09:44:21

相信不少菜鸟初用nodejs时候装插件会碰到这种情况,搜索相关文章和请求很多端友未果,而且很多人也不清楚具体该怎么做,经过长时间询问才解决,最后总结一下,希望可以帮助到此问题端友,我这个是安装gulp的时候出现的问题,其它插件这种问题我不清楚怎么解决,你可以效仿此做法尝试解决一下

nodejs安装、查看版本正常,npm安装、查看版本正常

gulp安装也正常,但是就是查看gulp -v的时候报错,原因:缺少系统变量PATH或者PATH变量错误(我这个是因为曾经不懂,手贱修改系统变量PATH的时候把原有的删掉了)

提示:这个系统变量PATH,直接追加就好(多个变量值用分号;隔开),不要删除已经有的系统变量PATH,否则以后有你受的,我就是开始不知道这个,手贱删除了已有变量,导致每次都提示这个

这个变量怎么找?有三种方法可以找到,或许还有其它方法可以找到,自己选择一种喜欢的方式就好(前提一定是全局安装过gulp才行)

第一种方法:

在dos下输入  

1
npm config get prefix

 就会显示一个地址,这个地址就是那个系统变量PATH

第二种方法:

在dos下输入  

1
npm config list

这个返回的是一个多数据,自行找到prefix属性,等号后面的值就是系统变量PATH(一会添加的时候把里面的\\改成\)

第三种方法:

就是自己手动找node_global全局文件路径,根据自己安装nodejs时候文件的位置,找到node_global的位置,这个路径就是系统变量PATH

 

通过上面三种方法相信你已经找到这个系统变量PATH了,下面请看怎么修改它,具体这个系统变量PATH是什么,我只是个菜鸟,我也说不清,我只能告诉你怎么去修改。

我的系统系windows7,其它系统请自行解决哦。 
1、桌面->计算机(右击)->属性->高级系统设置 -> 高级->环境变量 

2、下面部分是系统变量,在下面部分找到Path变量,双击这个变量即可修改,变量值修改成刚才找到的系统变量PATH即可,修改完毕点确认

3、修改完系统变量PATH之后,一定要重启dos窗口才行,简单来说就是把cmd运行的黑窗口关掉,从新打开运行一下 。

如果安装文字还是不会找系统变量PATH,可以根据下面的图片步骤操作,找到的请忽略下面图片操作。最后,若文章有错误或者建议,可以留言,本人就是因为这个报错的问题找了很久都没解决,所以总结一下,希望可以帮助到和我一样菜鸟的前端,快速解决问题,节省时间。


  • 2017-01-19 00:45:56

    nodejs之process进程

    虽然node对操作系统做了很多抽象的工作,但是你还是可以直接和他交互,比如和系统中已经存在的进程进行交互,创建工作子进程。node是一个用于事件循环的线程,但是你可以在这个事件循环之外创建其他的进程(线程)参与工作。

  • 2017-01-19 01:05:32

    process对象

    process对象是Node的一个全局对象,提供当前Node进程的信息。它可以在脚本的任意位置使用,不必通过require命令加载。该对象部署了EventEmitter接口。

  • 2017-01-20 21:59:11

    WEBPACK DEV SERVER

    webpack-dev-server是一个小型的node.js Express服务器,它使用webpack-dev-middleware中间件来为通过webpack打包生成的资源文件提供Web服务。它还有一个通过Socket.IO连接着webpack-dev-server服务器的小型运行时程序。

  • 2017-01-21 10:32:29

    Vue-cli proxyTable 解决开发环境的跨域问题

    和后端联调时总是会面对恼人的跨域问题,最近基于Vue开发项目时也遇到了这个问题,两边各自想了一堆办法,查了一堆资料,加了一堆参数,最后还得我把自己的localhost映射成上线时将要使用的域名。

  • 2017-01-21 21:44:29

    详解 ESLint 规则,规范你的代码

    在很久之前就想通过工具来规范自己的代码风格,减少程序出错的概率,如果看过我的 一个前端程序猿的Sublime Text3的自我修养 ,这篇博客的朋友,肯定知道在当时我使用 SublimeLinter-jshint 插件来规范风格,但是实际上一直懒癌发作也没去看它的文档,使用着它默认的规则。不过现在是时候切换到 ESLint 了!

  • 2017-01-23 23:09:16

    使用 CSS3 实现超炫的 Loading(加载)动画效果

     SpinKit 是一套网页动画效果,包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案,而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。(为保证最佳的效果,请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览)