npm(持续添加新内容)

npm

之前一直使用npm但是对这个技术并没有一个形象的概念,只知道是一个包管理工具。

使用npm的好处是啥?
如果不使用npm的话,我们就需要在文件的head中引入(使用<script><script>
如果依赖文件过多,会显得不简洁。
还有一点是我的猜想,就是如果都是用head处引入依赖文件的话,会影响页面的响应速度。(之前用vue没发现有响应延迟可能是因为Vue是轻量级框架,本来就没多大所以几乎没影响)。

npm的具体使用

当我们安装node.js时,npm也会自动安装,但是npm更新的比node.js更频繁。所以要确定是不是最新的npm版本时可以使用:

run npm -v

同时可以用以下代码安装最新,以及将来要发布的npm

npm install npm@latest -g
npm install npm@next -g
npm init//代码初始化

初始化之后,js文件中会出现一个package.json文件,用于配置。
同时,当我们使用

npm install//下载包
npm i //简写
npm uninstall//删除
npm un//简写

之后,就会出现一个文件夹node_modules,用来存放下载的包。至于该项目用了什么包都会在package.json文件中标明。(所以之前企业里的人和我说传文件时不用传node_modules)
在末尾加个 -g就是全局安装,这样电脑上的所有文件就都能用这个依赖文件了。不加就是仅这个文件用。

package.json中的文件不用一个个装,可以一次性下载完

npm update xxx//更新
npm install//将package中的依赖都下载

//2020-11-12

之前说过,通过npm install或nmp i 指令就能将所有依赖文件下载了。
因为依赖文件是记录在package.json文件中的。这里有一点要说明的是,在一开始开发的时候,下载插件时要在末尾加上–save才会将依赖的信息记录在package.json文件中。

npm install abc --save

结尾加–dev代表只在开发阶段用这个包,在package.json文件中,生产环境要用的包都在dependencies对象下面(比如Vue、axios、vue-router等等),开发环境中的包都在devdependencies对象下面。

--dev

//2020-11-27

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以通过npm安装Leaflet.AnimatedMarker插件,具体步骤如下: 1. 打开终端或命令行工具,进入你的Vue项目所在的目录。 2. 在终端或命令行中,运行以下命令来安装Leaflet和Leaflet.AnimatedMarker插件: ``` npm install leaflet leaflet-animatedmarker --save ``` 运行该命令后,npm会自动下载并安装所需的插件和依赖项。 3. 在Vue项目中引入Leaflet和Leaflet.AnimatedMarker插件。你可以将以下代添加到你的Vue组件中: ```javascript import L from 'leaflet'; import 'leaflet-animatedmarker'; ``` 在上面的代中,我们首先使用import关键字引入了Leaflet库,然后引入了Leaflet.AnimatedMarker插件。 4. 现在,你可以在Vue项目中使用Leaflet和Leaflet.AnimatedMarker插件了。你可以参考上面的代示例,创建带有动画效果的Marker对象,并将它们添加到Leaflet地图上。 ```javascript // 创建一个Marker对象 var animatedMarker = L.animatedMarker([ [51.5, -0.09], [53.3498, -6.2603], [48.8567, 2.3508], [52.5167, 13.3833] ], { // 设置动画效果的持续时间 duration: 3000, // 设置动画的循环模式 loop: true }); // 将Marker对象添加到地图中 animatedMarker.addTo(map); ``` 在上面的代中,我们创建了一个名为animatedMarker的Marker对象,并在其中设置了四个路径点。我们还通过duration选项设置了动画效果的持续时间,并通过loop选项设置了动画的循环模式。最后,我们将Marker对象添加到了地图中。 希望以上步骤可以帮助你成功安装和使用Leaflet.AnimatedMarker插件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值