vue入门--vs code编辑器不能使用npm ,cnpm命令,解决方法集合

写在前面:

本是一个专属后端工作者,由于工作需要,不得已要去学vue,刚入门,连搭建vue工程都不知道怎么搞,经同事介绍,了解了vs code编辑器,准备用它来入手vue,按照网上的教程,安装node.js,安装vue-cli,安装完成后,在cmd终端窗中也都校验了安装是否生效,查看版本号都依次生效。但是在vs-code编辑中,npm 和cnpm命令都不能用,除了报错命令未知,还报了以下错误:

百度了N中方法后,终于解决了。这里简单记录下解决方法:

  1. 设置环境变量

在path中增加nodejs和npm路径(这个我就不介绍了,不懂得可以百度,一大堆,安装环境变量后如下截图,我的是win10系统)

vue入门--vs code编辑器不能使用npm ,cnpm命令,解决方法集合_第1张图片

2.右击vs code -->兼容性-->以管理身份运行

vue入门--vs code编辑器不能使用npm ,cnpm命令,解决方法集合_第2张图片
3.修改npm引用路径

  •     在cmd终端中执行 npm config ls 产看npm路径

vue入门--vs code编辑器不能使用npm ,cnpm命令,解决方法集合_第3张图片

  • 执行 npm config set prefix (nodejs安装路径)  更改路径(注意后面直接加上nodejs的安装路径即可,不需要加括号)
  • 最后再执行 npm config ls 查看路径是否正确

4.在cmd终端中重新进行全局安装 cnpm 和 vue-cli 
    执行 npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org
    执行 cnpm install vue-cli -g
5.在vs code编辑器终端中执行以下命令

    (1)在终端执行:get-ExecutionPolicy,显示Restricted(表示状态是禁止的)

    (2)在终端执行:set-ExecutionPolicy RemoteSigned

    (3)在终端执行:get-ExecutionPolicy,显示RemoteSigned

 至此,问题解决。在此感谢以下文章作者提供的帮助:

https://blog.csdn.net/qq_45164496/article/details/102170303

你可能感兴趣的:(vue,vue)