vue配置环境踩坑

Vue 环境配置踩坑


目录

  • Vue 环境配置踩坑

    • windows下cnpm -v :无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

windows下cnpm -v :无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

npm和cnpm都是在git的全局环境下下载的

且安装完cnpm,nodejs文件夹下就已经有了node_cache、node_global这两个文件夹:

而且在用户变量里path变量路径已经存在cnpm.cmd所在的路径:Users的AppData\Roaming\npm,如下所示:

但是这里很奇怪的是,在对应目录下npm文件夹里是空的:

并且另一个文件夹npm-cache中也只有一个文件夹_logs,里面只有一个debug.log的文本文档

我想这是因为我的cnpm直接安装到D盘的nodejs:

于是我添加我安装node的目录下cnpm的路径,并添加用户变量:D:\nodejs\node_global(上图能看到)

为了防止系统变量中没有,我在系统变量的path中也配置了这两项:

但我注意到系统变量中有NODE_PATH,且值为D:\nodejs\node_global\node_modules(这里是我没懂的地方)

经过上述配置,打开git bash或者cmd,输入cnpm -v,都能看到配置信息:

本以为都解决了,但是在VS code的项目终端中输入cnpm -v,却仍显示:

看了很多文章,最终在这篇文章中找到解决方法:

https://www.jianshu.com/p/6a17bf538557

打开用户变量和系统变量的path,发现用户变量的path没有node的安装路径(这可能是我设置用户变量path的时候直接修改了而不是添加,导致原有的nodejs的安装路径丢失),我的是D:\nodejs\,将其添加,再重启VS code终端,输入npm -v 和cnpm -v都能看到配置信息,成功地解决了这个问题,之后安装脚手架也没出现问题。

原文地址:https://www.cnblogs.com/Elva3zora/p/12642653.html

时间: 2024-11-05 13:48:33

vue配置环境踩坑的相关文章

vue 组件传值踩坑日记 1

今天在用平时很少用到的传值方式,是V2.4以后新加入属性$attrs $listener 以及inheritAttrs. 总结:这样形式的代码适合套娃模式的组件传递,却不适合兄弟组件的传值,那样的传值方式,需要创建一个事件总线,说白了就是新new一个空的vue,详见,我的第二篇日志<vue 组件传值踩坑日记 2> 废话不多说,直接上代码,大家可以边看注释边测试一下效果吧 <!DOCTYPE html> <html lang="en"> <hea

【Pysc2】Deepmind Pysc2 环境配置及其踩坑记录

1. 下载星际争霸II游戏 可以直接下暴雪战网,然后在战网内下载. 2. 下载Pysc2 cmd后在命令行输入 pip install pysc2 3. 下载sc2 cmd后在命令行输入 pip install sc2 4. 下载地图 https://github.com/ClausewitzCPU0/SC2AI 解压密码: iagreetotheeula (表示自己同意最终用户许可协议) 解压在Maps的文件夹,我是使用的暴雪战网下载的游戏,发现游戏文件夹里并没有Maps, 需要自己手动创建.

vue+ vue-router + webpack 踩坑之旅

说是踩坑之旅 其实是最近在思考一些问题 然后想实现方案的时候,就慢慢的查到这些方案   老司机可以忽略下面的内容了 1)起因  考虑到数据分离的问题  因为server是express搭的   自然少不了res.render("xx",data)    这句话的意思就是去查找相应的模板文件然后在用数据去渲染在将渲染好的页面去返回给浏览器,给浏览器去解析,渲染模板其实就是做的替换字符串+拼接字符串的活  各种的模板引擎也有各个优化的点(比如可以将对应的模板编译的函数保存在内存中,然后在通

pycharm+PyQt5+python最新开发环境配置,踩坑过程详解

Python 3.6https://www.python.org/downloads/windows/========================================PyQt5 pip3 install  PyQt5 -i https://pypi.tuna.tsinghua.edu.cn/simple 安装图形界面开发工具Qt Designerpip3 install  PyQt5-tools -i https://pypi.tuna.tsinghua.edu.cn/simpl

vue项目打包踩坑记

基于webpack+vue-cli下的vue项目打包命令是 npm run build ,等待打包完成后在根目录生成dist文件夹,里面包含了所有项目相关的内容. 注意:需要完整版的vue-cli项目,即通过vue init webpack初始化的项目才可以,通过vue init webpack-simple初始化的项目没有打包文件,无法打包.目录结构如下 vue init webpack初始化的目录结构,打包依赖build和config文件夹的配置,static存放静态文件 vue init

腾讯云主机 搭建lamp环境踩坑记录

手上有两台完全相同的腾讯云主机(CentOS6.5 64位), 第一台搭建环境正常, 第二台搭建完成之后就是不能访问 结果发现一台主机默认开放端口是22, 其它没有开放, 那么apache访问是需要80端口的, 所以才不能访问 解决方法:修改安全组,开放80端口

vue + element-ui 制作tab切换(切换vue组件,踩坑总结)

本篇文章使用vue结合element-ui开发tab切换vue的不同组件,每一个tab切换的都是一个新的组件. 1.vue如何使用element-ui 上一篇文章已经分享了如何在vue中使用element-ui创建tab组件切换内容(需要了解的朋友点击链接查看) 2.创建相应文件. a.创建父组件 src/components/tabZujian.vue b.创建自组件(被切换的组件)src/tabComponents 文件夹 + + tabComponents(目录) ---- tabZuji

vue 组件传值踩坑日记 2

这里介绍一下适合兄弟组件和父子,祖孙组件之间的传值方式-事件总线,废话不多说,直接上代码 总结:说白了这东西就是一种发布订阅的模式,发数据的一方用$emit发,各个接听方用$on接受对应key的事件,on的时候,就选择在DOM挂在完毕以后进行监听,通过这样的事件去修改数据,完成传递工作,感兴趣的同学可以吧这个代码拿下去直接调试运行一下看看 <!DOCTYPE html> <html lang="en"> <head> <meta charset

vue2.0 配置环境总结(都是泪啊)

最近有点空闲时间,终于把一直想学的vue提上了日程,以下是收集的一些帮助入门的链接 1:https://vuefe.cn/v2/guide/ vue2.0中文官网 2:https://router.vuejs.org/zh-cn/index.html vue2.0路由中文官网 3:https://github.com/jsfront/src/blob/master/vuejs.md 有一些不错的vue插件,教程,视频和学习资料分享 一些不错的vue2.0博客分享: 1:https://segme