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

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

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

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

    推荐阅读
  • 个人信用评分重要么(最应该知道的8件事)

    但是,尽管信用评分很重要,但它们仍然被广泛误解。不过,即使分数略有不同,它们也基本相差不大。大多数专家会建议你每年至少检查一次你的信用报告,以查找错误或身份盗用的证据。该贷款余额将影响你的信用利用率,而逾期付款也将损害你的信用评分。如果你共同签署的人不负责任并且不支付他们的债务,无论出于何种原因,这可能会对你的信用评分产生巨大的负面影响。

  • 三角梅冬天怎么过冬(三角梅冬天如何过冬)

    三角梅冬天怎么过冬三角梅冬天最好移动到室内,温度在15-30℃之间的位置来养护。三角梅是非常耐干旱的,反而怕水涝,在它的花芽分化期,甚至还需要控制浇水来促使分化花芽。三角梅是来自于我国南方地区的开花植物,原始的生活环境形成了它喜暖怕寒的生长习性。11月份在南方温暖地区,气温能达20多度三角梅开得正旺,但是北方就要及时搬进室内了。

  • 惊雷和杨坤什么关系(杨坤做了什么)

    以下内容大家不妨参考一二希望能帮到您!惊雷和杨坤什么关系杨坤把《惊雷》怼了,怼的非常直白一点面子都没给,存在即合理这句话被一些支持者喊的当当响,希望能为《惊雷》扳回一成,但最终杨坤还是稳稳的取得了胜利。虽然说音乐不分高低贵贱,承包红白喜丧的唢呐和优雅动听的钢琴一样值得赞扬和传承,但喊麦这种所谓的音乐形式还是不能被很多人接受的,它的含金量也并不是那么高。

  • 建行卡哪个卡种好(这3种卡将正式退市)

    建行卡哪个卡种好近日,中国建设银行公告称,中盐龙卡、网易严选龙卡将于8月31日起正式退市。建行官网截图至此,建行在今年内已经有3张联名信用卡宣布退市。据此前建行的公告,芒果旅行龙卡信用卡将于7月31日起正式退市。在有效期内,中盐龙卡和芒果旅行龙卡信用卡持卡人需要办理挂失、毁损补卡等换卡业务,以及卡片到期自动续卡时,建行将为客户寄发同等级的龙卡标准信用卡。

  • 吃蕨根粉的好处和坏处 吃蕨根粉的好处和坏处是什么

    其次淀粉是一种会转化为葡萄糖的物质,食用后容易引起血糖升高,所以蕨根粉虽然具有很高的保健作用,但并不适宜糖尿病人群和脾胃虚弱的人群食用。

  • 真心无价请珍惜(信任无价请珍惜)

    人与人之间,彼此的信任,它是无价的。人世间,因为有了信任,才感到彼此的踏实、幸福、和谐。被别人信任是一种幸福,信任别人是一种认知,一种心境。人与人之间,信任太难,人心很复杂,总是猜忌,总是小心,你太信任,会被玩弄真心,你太置疑,又会丢失信任。人与人之间,信任太难,信任一颗心,就别去怀疑过往,互帮互助,你好我好,你真我真,才长久。信任,最容易失去,丢失了就找不回,信任,是最难挽回,挽回了已不能如初。

  • 做设计选mac(讨论作为买手手袋设计的开发流程是怎样的)

    冷芸时尚圈讨论是就行业问题的讨论及总结。若想加入冷芸时尚圈,请加微信zhs_dqqz,并务必注明“冷芸时尚圈姓名入群理由”,并说明入群希望得到的收获。本群只关注时尚行业内容,严禁发送广告、低俗、社会、政治等不相关内容。违者将被退群及拉黑。我目前在法国从事买手,就是买手店的采购订货,但此公司并不是自己也生产产品。感觉主要还是设计选款,不太需要太多的销售节奏控制以及库存清理之类的功能。

  • 鱼杂火锅的做法(鱼杂火锅怎么做)

    跟着小编一起来看一看吧!将鱼杂1500g洗净备用。在锅中放入4g菜籽油。将切好的姜、蒜、桂皮、干辣椒倒入锅中。翻炒一会,炒出香味。加入600ml水,放入5g泡椒。多煮一会,煮入味。待鱼杂煮熟后加入3g鸡精。加入适量香菜,美味的鱼杂火锅就做好了。

  • 生化危机2重制版t型阀门作用有哪些 生化危机2 阀门

    生化危机2重制版t型阀门作用有哪些?想来很多朋友都还不是很清楚吧,所以呢小编今天给大家带来的就是生化危机2重制版t型阀门作用一览,需要的朋友不妨进来看看。玩家会发现这个门就是水道下层拿下水道钥匙前面一段很长的楼梯,上去后那个十字把手开的开关被损坏了,要从另外一面开这个门。这个门就是水道上层这个,总共开4次。

  • 防火门尺寸一般是多少呢(防火门最小尺寸要求)

    在意外发生火灾时,一旦出现断电或者磁场切断之后,防火门便会自动的进行关闭,从而确保了安全上的问题,阻止了火势的蔓延。而且,为了避免防火门被盗,是可以使用电磁门锁,其在发生火灾时,会由于烟雾的影响,锁舌下的磁力将会进行缩回,从而将门给打开。要是将顺序搞反了,是无法将其关上的,可有效避免其损坏。