高考考试网
当前位置: 首页 高考资讯

vue项目npm是啥(NPM配置国内镜像源及使用)

时间:2023-07-04 作者: 小编 阅读量: 6 栏目名: 高考资讯

NPM配置国内镜像源及使用npm(nodePackagemanager)是nodejs的包管理器,可以用于node插件及依赖的安装、卸载管理在创建Vue项目或者安装插件的时候应该可以体会到,NPM的下载速度相当的慢因为NPM默。

npm(node Package manager)是nodejs的包管理器,可以用于node插件及依赖的安装、卸载管理。在创建Vue项目或者安装插件的时候应该可以体会到,NPM的下载速度相当的慢。因为NPM默认访问的是国外网站,所以访问起来速度不是一丁点的慢,为了提高NPM的下载速度我们可以配置国内的镜像源:淘宝镜像(https://npm.taobao.org/)。

​安装node.js环境

要用npm的功能一定需要有node.js的开发环境(node中集成了npm),这里可以去node.js官网根据自己的系统下载安装即可。如果用的是绿色版记得配置下环境变量,配置好之后可以在cmd中检查下node.js和npm是否安装成功: 输入node -v安装成功会出现node版本号,验证npm同node.js一样,npm -v安装成功会出现npm版本号。

​ 临时配置npm淘宝镜像

在安装时附上淘宝镜像链接,通过registry 属性指定npm下载安装包的源 默认:https://registry.npmjs.org/,这里我们改成淘宝镜像地址https://registry.npm.taobao.org。还有一个镜像源是cnpmjs镜像源:https://cnpmjs.org/,有兴趣的可以试试。

npm install -g @vue/cli--registry=https://registry.npm.taobao.org;

永久使用npm淘宝镜像

npm提供了npm config命令可以进行npm相关配置,通过npm config set可以对配置项进行修改。在系统用户目录下会生成一个.npmrc文件,通过npm config ls -l 可查看npm的所有配置包括npmrc的文件路径:userconfig = "C:\\Users\\kevinfan\\.npmrc"。如果你需要代理还可以通过proxy属性配置ip和端口。

//cmd窗口配置npm config set registry https://registry.npm.taobao.orgnpm config set proxy=http://username:password@server:port

配置node-sass源

在安装node-sass的时候我们会发现总是安装不成功,而这安装不成功链接访问的是GitHub,而这个网址在国内总是网络不稳定,所以导致总是安装失败。一般配置了淘宝镜像基本都能解决该问题,但也不乏有些网络还是会出错,所以我们可以在npmrc文件中针对node-sass单独配置镜像。会遇到相同情况的还有phantomjs和electron插件,在这里可以一起配置了。

//.npmrc文件配置sass_binary_site=https://npm.taobao.org/mirrors/node-sass/phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/electron_mirror=https://npm.taobao.org/mirrors/electron/registry=https://registry.npm.taobao.orgproxy=http://username:password@server:port

npm相关命令

NPM使用相当的简单,npm提供了很多命令通过npm help命令可以查看npm支持的命令,我们只要熟悉了这些命令就可以很好的使用npm了。通过npm help '命令'可以查看条命令的详细帮助,命令可以附带一些参数来制定操作。

​npm常用install命令使用

就拿我们最常用的install命令来说,install命令用于安装模块。install安装时可以加入不同的参数,可以配置模块安装的环境。安装模块时如果没有将模块依赖写入pakage.json,运行npm install时也不会下载这个模块。如果你打开的是别人的项目,这个时候一般是没有任何依赖包的,但是所有需要的依赖包已经注入到package.json里面了,这个时候我们就可以使用npm install来安装所有项目中需要的依赖包了。

//安装模块到项目node_modules目录下,不会将模块依赖写入pakage.jsonnpm install moduleName//指定版本安装,其他与上面一样npm install moduleName 1.0//-g表示global,全局安装的意思,安装模块到node.js指定的node_modules文件夹下。npm install -g moduleName//-S表示save,安装模块到项目node_modules目录下,会将模块依赖写入pakage.json的dependencies(生产环境依赖)中npm install -S moduleName//或者--save//-D表示Dev,安装模块到项目node_modules目录下,会将模块依赖写入pakage.json的devDependencies(开发环境依赖)中npm install -D moduleName//或者--save-dev//-O表示optional,安装模块到项目node_modules目录下,会将模块依赖写入pakage.json的optionalDependencies(可选环境依赖)中npm install -O moduleName//或者--save-optional//安装pakage.json注入的所有项目中需要的依赖包npm i//或者npm install//查看所有已经安装的模块,以下几个命令都可以。npm list 或 npm ll 或 npm la 或 npm ls

Package.json 属性说明

当我们通过NPM创建每个项目时都会生成一个package.json文件,这里定义了这个项目所需要的各种模块以及项目的基本配置信息。当我们使用npm install命令时npm根据这个配置文件自动下载项目所需的模块也就是配置项目所需的开发环境,package.json文件是一个JSON对象,该对象的每一个成员就是当前项目的一项设置。下面是package.json中的一些属性定义:

name:项目/模块名称。version:当前项目版本。author:项目开发者。description:项目描述,是一个字符串。keywords:项目关键字,是一个字符串数组。private:是否私有,设置为 true 时npm拒绝发布。license:软件授权条款,让用户知道他们的使用权利和限制。bugs:bug 提交地址。contributors:包的其他贡献者姓名。repository:项目仓库地址。homepage:项目包的官网URL。dependencies:依赖包列表。如果依赖包没有安装npm会自动将依赖包安装在node_module目录下。devDependencies:开发环境下,项目所需依赖。scripts:执行npm脚本命令。bin:内部命令对应的可执行文件的路径。main:字段指定了程序的主入口文件,require('moduleName')就会加载这个文件。如果没有设置则默认加载项目跟目录下的index.js文件。module:模块化方式进行加载,优先查看是否有module字段,没有则使用main字段。eslintConfig:EsLint 检查文件配置,自动读取验证。engines:项目运行的平台。browserslist:供浏览器使用的版本列表。style:供浏览器使用时,样式文件所在的位置。files:被项目包含的文件名数组。

更多Vue实战技巧可以参考专栏:Vue实战系列

    推荐阅读
  • 部落冲突克电龙的阵容(部落冲突如何克制电龙)

    部落冲突克电龙的阵容部落冲突克电龙的阵容有哪些?部落冲突12本部落战天女电龙打法解析,如果无脑流操作难度算作1星,天女电龙的难度应该就是3星和矿工,前戏要解决的较多,火箭炮是首选,大本和鸟炮顺手带走一个。援军根据阵形需要选择,蓝胖,武神,气球,皮卡皆可。地狱塔、吹风机、火箭炮也是冰冻重点关注的对象气球和电龙是最佳拍档,速度一样慢,同时可以帮电龙抗伤害、解决防御。

  • 2022十堰什么时候放暑假 2022十堰什么时候放暑假啊

    各地各校要加强暑假前后常态化疫情防控工作。各地各校原则上非必要不举办大规模聚集性活动,确有必要的要制定疫情防控方案,并报属地疫情防控指挥部备案。倡导师生在十堰市内休假,尽量避免到境外或国内中高风险地区探亲旅游,确需离开居住地的,须向居住地社区或学校报告,做好个人防护和健康监测,并做好跟踪随访。返校前,要逐一掌握师生的健康状况和活动轨迹,坚决杜绝师生员工带病返校。

  • 孕妇忌口的东西那么多可以吃吗(孕期哪些东西不能吃)

    除此之外,吸烟饮酒可导致胎儿宫内发育迟缓,不仅引起子代近期危害,而且其危害还将延续到出生后,表现为出生后体格、智力发育落后和成年后代谢综合征易感性增加。因为生食刺激了母体的肠胃,可能引起腹痛腹泻,严重时可能流产或早产。再者,生食可能有致病菌或寄生虫。高油脂的食物会使孕妇体重增长过大,胎儿过大易引起难产,孕妇本身也易生成血栓,易引发心血管疾病。

  • 心比天高当有鸿鹄之志(最终目标只为放虎归山)

    为保证华南虎遗传基因的多样化,我国对所有的华南虎进行了谱系调查,以近交系数为依据,选择血缘关系远的个体配对繁殖。以谱系调查管理为基础,兰天明提出了新的遗传管理方案。同时,兰天明进一步指出,遗传管理方式的改善仅能达到延缓的效果。目前,全球仅有少量濒危物种的重引入取得成功,而大型猫科动物还没有先例。2021年,东北虎豹国家公园正式成立,同为濒危物种的东北虎已逐步恢复野外种群数量。

  • k-pop最新登顶(K-POP偶像票选亚洲最帅男偶像Top10)

    K-POP偶像票选亚洲最帅男偶像Top10日前美国票选网站KingChoice票选「亚洲最帅男星」,结果一出炉,防弹少年团魅力无法挡,俊俏脸蛋东西方通吃的Jimin和Jin双双入榜,其中Jin更是夺下第一,紧追在后的是NCT成员Lucas和中。

  • 怎么解决冬季取暖问题(冬季如何取暖)

    怎么解决冬季取暖问题?下面内容希望能帮助到你,我们来一起看看吧!如果嫌装壁挂锅炉太麻烦,只是想小面积取暖,那么我建议,用电取暖,最直接简单的方法就是打开这个空调进行制热,但是有些干燥会,所以友情提示准备加湿器。那么除了以上的方法,我们还可以见到市面上常用的小太阳取暖装备,烧电给大家供暖取暖。除了这些空间取暖,我们还可以准备热水壶,电发热毯等等取暖设备。

  • 75%浓度酒精可以直接擦脸吗?(30%的酒精可以用于物理降温吗)

    75%浓度酒精可以直接擦脸吗75%浓度酒精是属于医用酒精,可以擦脸,但不能常用。75%的酒精用于灭菌消毒。就餐前,用酒精棉球擦拭餐具和手部可在一定程度上预防细菌感染。该酒精具有一定刺激性,一般可用于皮肤局部消毒,但不可用于黏膜和大创面。发热时,除了服用退烧药物外,还可用浓度为30%酒精物理降温。有些患者长期卧床,背、腰、臀部因长期受压易引发褥疮。有效的预防方法之一就是勤按摩。

  • 梅毒二项是什么检查(梅毒二项是检查什么)

    一旦感染了梅毒,都会先后出现RPR和TPPA的阳性。因RPR是检测类脂质抗体,而不是直接检测抗梅毒螺旋体抗体的实验,因而无特异性,凡能导致产生类脂质抗体的疾病,均能使RPR阳性。除梅毒外,患上呼吸道感染,肺炎,活动性肺结核,风湿性心脏病,亚急性细菌性心内膜炎,传染性肝炎,肝硬化,慢性肾炎,钩端螺旋体病,麻风,疟疾,类风湿性关节炎,系统性红斑狼疮及海洛因成瘾等,都可导致RPR阳性。

  • 蟹爪兰夏天的养殖方法(蟹爪兰夏天的养殖方法简单介绍)

    蟹爪兰夏天的养殖方法通风不要将蟹爪兰放在空调房中,环境干燥不说,虽然温度低,但是空气极度的不流通,会影响蟹爪兰的生长的。将蟹爪兰放在阴凉通风的地方,让空气对流,使植株体内的热气散发出去。半阴夏季的阳光也是影响蟹爪兰生长的关键,适度的遮阴也是很有必要的。正常情况下要遮阴50%,不能一点也不见光。每天早晚各喷雾一次,平时可向周围洒水降温。注意在阳光较强时,不要让叶片上有水珠,以免被灼伤。

  • 每天一分钟教孩子正确洗手(让孩子养成正确洗手的好习惯)

    医生推荐七步洗手法。正确的“七步洗手法”是按照从内到外,然后再按照部位的清洗顺序来的,以保证清洗到每一个部位包括指甲。如图洗手液洗手后要充分冲洗。有条件最好冲足1分钟。