使用 npm/yarn 引入插件

简介: 使用 npm/yarn 引入插件

Yarn 安装 jQuery

  1. 运行 yarn init -y 会生成一个 package.json 文件
  2. 运行 yarn add jQuery 会生成一个 node_modules 文件
  3. 还会生成一个 yarn.lock 文件,里面提示从哪下载的依赖

上述的安装过程可以改为 npm init -ynpm install jQuery


使用 jQuery

1.按照上述步骤安装好 jQuery 后,需要到 main.js 文件中 import $ from jQuery

2.上述的 import $ from jQuery 过程表示,在 main.js 中通过 $ 的方式使用 jQuery

3.上述说的

4.检查 jQuery 是否引入成功,可以通过 console.log($) 的方式查看

可以按照上述方法在 main.js 文件中引入 css 文件 import './reset.css'

注意:如要安装 yarn,一定不要通过 npm 来安装它,而是要到 yarn 官网下载安装包来安装。传送门

目录
相关文章
|
资源调度 JavaScript Linux
nvm, node.js, npm, yarn 安装配置
nvm, node.js, npm, yarn 安装配置
650 1
|
10月前
|
存储 资源调度 JavaScript
一文带你了解PNPM以及 npm,yarn,pnpm区别
一文带你了解PNPM以及 npm,yarn,pnpm区别
678 9
|
12月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
777 0
|
12月前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
830 0
|
资源调度 JavaScript 索引
Vue2开发插件并发布到npm
这篇文章介绍了如何使用Vue 3、TypeScript和Vite开发一个下拉框组件`vue-amazing-selector`,并将其发布到npm,包括了项目的创建、组件开发、配置webpack、编写组件代码、导出组件、编译、npm包初始化、发布流程以及在项目中使用该插件的完整步骤。
243 0
Vue2开发插件并发布到npm
|
JavaScript 前端开发 开发者
从零到一:教你如何发布自己的npm插件包
从零到一:教你如何发布自己的npm插件包
|
存储 缓存 资源调度
你真的知道 NPM、Yarn 与 PNPM 这三个前端包管理器之间的区别吗?
【6月更文挑战第9天】NPM、Yarn和PNPM是主流前端包管理器,各有特色。NPM生态庞大,易用但速度慢;Yarn速度快,依赖管理稳定;PNPM性能优异,节省磁盘空间。Yarn和PNPM在速度和确定性上胜出,NPM因广泛使用和丰富资源领先。开发者可根据项目需求和喜好选择,三者共同推动前端开发进步。
381 8
|
资源调度
npm yarn 启动报错【已解决】
npm yarn 启动报错【已解决】
149 2
|
JavaScript 测试技术
npm发布自己的插件包
npm发布自己的插件包
|
存储 资源调度 JavaScript
pnpm、npm、yarn是什么?怎么选择?
pnpm、npm、yarn是什么?怎么选择?
625 2

热门文章

最新文章

推荐镜像

更多
  • NPM