vue入门--vs code编辑器不能使用npm ,cnpm命令,解决方法集合
写在前面:
本是一个专属后端工作者,由于工作需要,不得已要去学vue,刚入门,连搭建vue工程都不知道怎么搞,经同事介绍,了解了vs code编辑器,准备用它来入手vue,按照网上的教程,安装node.js,安装vue-cli,安装完成后,在cmd终端窗中也都校验了安装是否生效,查看版本号都依次生效。但是在vs-code编辑中,npm 和cnpm命令都不能用,除了报错命令未知,还报了以下错误:
百度了N中方法后,终于解决了。这里简单记录下解决方法:
- 设置环境变量
在path中增加nodejs和npm路径(这个我就不介绍了,不懂得可以百度,一大堆,安装环境变量后如下截图,我的是win10系统)
2.右击vs code -->兼容性-->以管理身份运行
3.修改npm引用路径
- 在cmd终端中执行 npm config ls 产看npm路径
- 执行 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
至此,问题解决。在此感谢以下文章作者提供的帮助: