阅读目录
有一个问题就是再设置cnmp的时候,出现”cnpm”不是内部或外部命令, 也不是可运行的程序(基于node环境安装好的状态下)
1、下载node.js
在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,可以从:官网
下载完安装包后,一直下一步安装,安装目录为D:
,最后确认安装是否成功:
odejs
输入node -v
提示版本即安装成功,也顺便检擦一下npm版本,
输入npm -v
提示版本(安装node会自带npm):
改变原有的环境变量,
我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立”node_global”及”node_cache”两个文件夹,输入以下命令改变npm配置
npm config set prefix "D:
odejs
ode_global"
npm config set cache "D:
odejs
ode_cache"
2、设置cnpm
由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具。在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org
然后等待完成。
3、初始化项目脚手架vue-cli
vue-cli脚手架,输入命令:cnpm install --global vue-cli
回车,等一会;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;
二、运行vue项目
1、从github上下载一个vue项目:
eg: https://github.com/PanJiaChen/vue-element-admin
2、安装项目所需的依赖:
进入项目目录,执行cnpm install
,等待安装。
3、运行项目
在项目目录中,运行命令npm run dev
,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
运行成功会自动打开浏览器:
回到顶部
有一个问题就是再设置cnmp的时候,出现”cnpm”不是内部或外部命令, 也不是可运行的程序(基于node环境安装好的状态下)
cnpm 和 npm(Node Package Manager)的关系
npm: nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
cnpm: 是一个针对npm(Node Package Manager)的中国镜像源,它是阿里巴巴团队维护的一个npm仓库镜像服务。当开发者在中国国内访问网络速度较慢或者需要避免直接连接到国外服务器时,可以使用cnpm加速下载npm包,提高开发效率。cnpm支持npm的所有命令,并提供离线安装、本地化搜索等功能。它通过npm的registry.cnpmjs.org地址提供服务
解决方法
找到cnpm文件,将cnpm文件移动到和npm文件同级
就是这个文件夹需要移动,移动到与npm同级
找到cnpm文件和cnpm.cmd并移动到和cnpm文件和npm.cmd同级
3.重新输入cnpm -v ,问题已解决
参考:
https://www.cnblogs.com/yominhi/p/7039795.html
https://blog.csdn.net/weixin_47061482/article/details/120040503
https://blog.csdn.net/m0_71071209/article/details/140276496