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

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实战系列

    推荐阅读
  • 培根有什么营养价值(培根营养价值介绍)

    下面希望有你要的答案,我们一起来看看吧!培根有什么营养价值培根中磷、钾、钠的含量丰富,还含有脂肪、胆固醇、碳水化合物等元素。培根选用新鲜的带皮五花肉,分割成块,用盐和少量亚硝酸钠或硝酸钠、黑胡椒、丁香、香叶、茴香等香料腌渍,再经风干或熏制而成。培根很多时候都是猪肉经过烟熏等加工方法制作而成的,也有可能用其他部分。

  • 母乳怎么存放(母乳保存方法)

    除母乳保鲜袋外,玻璃储奶瓶也可以。但千万不要用金属容器,否则母乳中活性因子会附着在金属上,降低营养。母乳装好后,可放在独立的保鲜盒或密封袋内,并在容器外贴上吸奶的日期和时间,再放入冷冻柜。每次按日期先后食用。3小时吸一次奶。这样可以有效防止妈妈奶胀和泌乳量减少。留空隙,小份装。如果是家用冰箱冷藏室,保存期为24小时;如果是深度冷冻室,在零下18摄氏度以下时,则可保存3~6个月。

  • 冰糖黄皮果腌制方法(冰糖黄皮果怎么腌制)

    以下内容希望对你有帮助!冰糖黄皮果腌制方法准备黄皮果1000克,冰糖500克。果果一粒一粒掰下来,挑选好的果果。用清水洗干净,至少四遍,破的的也可以。放在锅锅里隔水蒸十五分钟,果果会冒泡泡,核会蹦出来。从锅里拿出,放凉15分钟,用手去干净所有核核。把冰糖弄碎,一层果果,一层糖。顶部要糖厚些,然后盖上盖盖,一个月后就可以吃了。

  • 刺客信条枭雄好玩吗(刺客信条枭雄测评)

    枭雄应该可以洗刷大革命最致命的优化和剧情的缺点,即便不是个让人想直呼神作的作品,但是该有的水准都有到位。玩家可以调查命案,质问嫌犯,甚至是长途往返伦敦来追查证据。这部分让大革命中的密室乱猜,真正地成为了完整的游戏内容。这两点让在伦敦穿梭的本身变得有趣许多,甚至让我可以享受在伦敦本身进行驾车这件事情,轻松地驾著马车看看风景。再加上近代伦敦的世界构成很可能是为了现代世界跑酷做合理化的准备。

  • 江苏扬中的名人揭秘(一位你不能不知道的人)

    江苏扬中的名人揭秘李培根,1909年出生于江苏扬中县德云乡李家埭。1940年2月扬中县抗敌委员会成立,李任主任委员。4月县抗敌委员会改称扬中县抗日民主政府,李任县长。李在任期间,率领军民屡挫敌寇,曾截击日伪运粮队,迫使敌人弃车逃跑;在石家埭与敌交战,击毙日伪军十余人。李执法如山,大义灭亲,对为害乡民的堂弟亦毫不姑息,坚决镇压。1940年8月,李带领扬中县抗日武装力量全歼了叛军第一别动大队薛德裕部。

  • 马海毛是什么成分(马海毛介绍)

    马海毛是什么成分马海毛主要由角蛋白组成,角蛋白是一种存在于所有哺乳动物的毛发、羊毛、角和皮肤中的蛋白质,但马海毛的特殊特性是安哥拉山羊独有的。因此,马海毛的感觉与普通羊毛或标准羊毛不同。马海毛纤维是约25-45微米的直径。马海毛,其形态与长羊毛相似,纤维表面光滑,光泽较强,强度高,弹性好,卷曲少,易于洗涤。马海毛可用于提花毛毯、长毛大衣呢以及高光泽的毛织物。

  • 管培生都需要做啥(管培生是什么你真的适合)

    彭嘉琪于五年前通过校园招聘加入京东,现在团队负责国内和海外的校园招聘,针对2018和2017毕业的学生为主,进行此次宣讲。京东管培生招聘简介京东管培生已有400多位,管培生是公司的一大中坚力量。实习和转正的比例京东没有严格的留用比例。春季实习生和京锐项目京锐项目整体塑造京东雇主品牌,包括互联网零售行业实习、体验式的实习。在京东的地位较高。京锐招聘人数每年不是很多,80位左右,竞争较大。

  • 农业农村部谈生猪生产:防止地方借环保防疫甩包袱、不作为

    二是持续抓好非洲猪瘟防控。催促地方及时兑现非洲猪瘟强制扑杀补助资金,严厉执行生猪屠宰环节非洲猪瘟自检和驻场官方兽医制度,对不符合规定的屠宰场限期整改,整改不到位的坚毅关停。四是加强监测调度和市场预警。举办“全国防疫和重养技术大讲堂”和非洲猪瘟防控专题巡归讲座,提高生猪养殖户非洲猪瘟防控和重养技术水平。印发这方面的规范和标准,指导各地强化动物疫病区域化管理。

  • 五笔打字0基础开始练习(五笔打字笔记三)

    五笔打字0基础开始练习?以下内容希望对你有帮助!五笔打字0基础开始练习一、识别码1、识别码作用:用于区分重码。

  • 苹果灯光闪烁怎么设置 iphone13刘海上的灯怎么闪

    截至2021年9月,苹果公司已发布32款手机产品。