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

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

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

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

    推荐阅读
  • 你知道我们家的猫叫什么名字吗(你家猫咪叫什么名字)

    我家猫咪叫“豆豆”,好像不太聪明的样子胖了准备爬楼顶

  • 团队沟通技巧与冲突管理(团队管理9沟通)

    职场理性人工作沟通目的就是为了解决问题,工作沟通只是达成解决问题目标的工具手段之一。要注意对下属工作汇报和工作情况的积极回应。在此会议中不论身份职位都应共同讨论问题,共同检讨共享信息。为了便于对会议结果评估,会议输出应当以会议纪要的形式出现。过程导向会议“规律化、固化”是提升此类会议效率最好的方法;过程类会议占比会议总数80%左右,过程导向会议又分为部门内部会议及跨部门会议。

  • 让人对生活绝望的句子短句(绝望的意思可以用什么句子表达)

    爱到痛了,痛到哭了,于是选择了放手。放手是一种无奈的绝望,痛彻心扉。我们的生活有太多无奈,我们无法改变,也无力去改变,更糟的是,我们失去了改变的想法。人在最悲痛、最恐慌的时候,并没有眼泪,眼泪永远都是流在故事的结尾,流在一切结束的时候。伤口就像我一样,是个倔强的孩子,不肯愈合,因为内心是温暖潮湿的地方,适合任何东西生长。

  • 虎蛋糕图案(虎皮卷蛋糕又要火)

    由于今年是虎年,虎皮卷蛋糕热度有所回升。鲍才胜解释称,虎皮卷蛋糕是西式烘焙食品,主要分为“虎皮”和蛋糕两部分,中间配以奶油起到黏合成卷儿的作用。如此看来,与指纹一样,每个蛋糕的“虎皮”纹理都是独一无二的,这让虎皮卷蛋糕带上了一抹浪漫色彩。不同烤箱之间存在差异,因此烘烤过程中应注意观察虎皮纹路的形成,一旦凸起的“虎皮”上色,即可出炉。

  • 白血病化疗期间吃排骨可以吗(白血病化疗过后身体虚弱)

    对此,今天请血液病专家就为我们推荐可以喝些排骨汤来补补!由于白血病患者的身体消耗比正常人要大,所以日常的饮食必须万分注意。

  • 四大名楼分别在哪里(四大名楼介绍)

    我们一起去了解并探讨一下这个问题吧!四大名楼分别在哪里蓬莱阁位于山东省烟台市蓬莱区,是一处古建群。蓬莱阁的主体建筑建于宋朝嘉祐六年,素以“人间仙境”著称于世,其“八仙过海”传说和“海市蜃楼”奇观享誉海内外。

  • 阴阳师全部ssr式神介绍(说说阴阳师中和大天狗关系非同一般的式神们)

    雪女雪女和大天狗的CP是最早被提出来的,不过到了如今的节骨眼基本上是被遗忘了,两人都是黑晴明的左膀右臂级别的式神,外加颜值高形象好气质佳,顺带作为游戏最初的人气王,被拉到一起也是自然而然的事情。事到如今大天狗如日中天,而看看雪女,怎一个惨字了得。因为后来有个SR式神万年竹登场了,这才是官方给辉夜姬配的CP。

  • 长寿花怎样扦插(长寿花怎样扦插的方法)

    下面更多详细答案一起来看看吧!长寿花怎样扦插剪取插穗。选择一盆长势健壮的长寿花,剪取最顶端的枝条。使用疏松透气的土壤,并挑选一个带有排水孔的花盆。将枝条底部放在生根水中浸泡,然后插入土壤中。将长寿花放在有阳光照射的地方。

  • 刚开始谈恋爱怎么相处(怎样谈女朋友)

    怎样谈女朋友1男女朋友技巧21.一,要真诚3确定和别人交往后,一定要真心真诚42.二,多了解5要多了解对方不能只针对容貌,要从性格爱好多方面了解当然开始了解起来有些困难,可以通过朋友侧面了解知已知彼才能至胜哟63。

  • 孕妇梦见乌龟是什么意思呢(为什么孕妇梦见乌龟)

    下面内容希望能帮助到你,我们来一起看看吧!孕妇做梦梦见两只很可爱的小乌龟跟自己亲近,预示有生双胞胎的可能哦!孕妇做梦梦见抓乌龟,提醒你要想宝宝顺利出生,就要多关注自己的身体健康和宝宝发育状况。孕妇梦见大乌龟代表宝宝很健康,且以后会长寿。孕妇同时梦见乌龟和蛇,多半是会生儿子的吉兆。