babel:无法将“babel“项目识别问题

全局安装babel命令

npm install --global babel-cli

局部安装babel命令

npm install --save-dev babel-cli

你安装后可能会出现的问题:

babel:无法将“babel“项目识别问题_第1张图片

可能存在原因:

① 权限不够。

②前面需改了node的global配置

------------------------------------------------------------

问题①解决方案:

1.在电脑中直接搜索PowerShell 以管理员方式运行,执行:

set-ExecutionPolicy RemoteSigned

输入y敲回车;

2.vs cods 用管理员方式运行 并重新安装babel

问题②解决方案:

你之前可能修改了node的global配置,需要去配置环境,解决步骤如下:

1. 删除你目录下的node_modules,如果没有就到第二步

babel:无法将“babel“项目识别问题_第2张图片

2.执行局部安装babel命令命令:

npm install --save-dev babel-cli

3.打开你当前项目下的node_modules。进入到 .bin 目录 复制路径

babel:无法将“babel“项目识别问题_第3张图片

babel:无法将“babel“项目识别问题_第4张图片

babel:无法将“babel“项目识别问题_第5张图片

 4.在电脑搜素 系统编辑环境变量

 

打开 环境变量 

babel:无法将“babel“项目识别问题_第6张图片

 双击path

babel:无法将“babel“项目识别问题_第7张图片

 点击新建

babel:无法将“babel“项目识别问题_第8张图片

 把刚刚复制好的路径粘贴

 babel:无法将“babel“项目识别问题_第9张图片

 点击确定babel:无法将“babel“项目识别问题_第10张图片

 再次点击确定

babel:无法将“babel“项目识别问题_第11张图片

 点击确定

babel:无法将“babel“项目识别问题_第12张图片

 5.重启vs code

打开终端输入 (注意V是大写): 

babel -V  

 babel:无法将“babel“项目识别问题_第13张图片

 如果出现babel版本号,说明完成babel环境配置,babel安装成功!

(其他项目也是按照这个套路配置环境的哦)

你可能感兴趣的:(前端,javascript,开发语言)