当前位置: 首页 > news >正文

uniapp使用npm下载

uniapp的项目在使用HBuilder X创建时是不会有node_modules文件夹的,如下图所示:
HBuilder X创建的uniapp项目

但是uni-app不管基于哪个框架,它内部一定是有node.js的,否则没有办法去实现框架层面的一些东西,只是说它略微有点差异。具体差异表现在和web项目相比或者说和vue-cli相比:vue-cli创建好项目框架后会自动在当前工程下生成一个node_modules文件夹以及其相对应的package.json文件,而uni-app则不会自动生成。

因此,如果想要在uni-app的项目中使用npm,首先要做的就是对项目进行npm相关的初始化

初始化npm:

初始化的过程其实非常简单,一共两步(初始化的前提是电脑必须安装nodeJs的环境,如果没有安装nodeJs,前往nodeJs官网,自行选择安装包进行下载,下载完成以后,双击安装即可):

第一步:cd到需要运行初始化命令的项目目录,我们需要在这个项目的根目录执行初始化命令;

第二步:执行初始化命令:npm init

npm init

当在控制台执行完 npm init 以后,控制台会让你输入一些选项,直接点击回车键就可以,这些选项无非就是让你确认一下项目名、版本号等等,对于不确定的都可以不管,因为这些值都 可以在最终的package.json里进行修改,一直到最后输入一个 yes

当初始化完成后,node会在当前路径下生成一个package.json文件,如图所示:

在这里插入图片描述
这个文件生成即代表npm初始化成功
安装命令说明:
既然package.json文件已经生成,那么即可开始安装第三方依赖包,不过在此之前,必须 先了解一下安装命令,在npm中安装命令如下:
npm install packageName --save
这是一段完成的npm安装命令,我们可以将 其分为4段,分别是:npm,install,packageName 和 --save

npm:代表 npm工具,也就是说接下来要执行的是属于npm的命令;
install:代表 安装,这是一个属于npm的内置关键词;
packageName:这是一个变量,代表 包名,具体示例如下 ,官方包名,
-–save:代表 保存,被–save的包会被记录到 package.json 中的 dependencies属性 下(这个属性代表项目被打包时该属性下的所有依赖包要一同被打进项目包里);
// 安装lodash
npm install lodash -–save// 安装crypto-js
npm install crypto-js --save

安装后就可以按照包名的官方文档进行操作了

相关文章:

  • WebRTC:去中心化网络P2P框架解析
  • DICOM 网络服务实现:医学影像传输与管理的技术实践
  • Node和npm初学
  • GitHub 趋势日报 (2025年05月11日)
  • M0基础篇之串口
  • AI Agent开发第64课-DIFY和企业现有系统结合实现高可配置的智能零售AI Agent
  • Kotlin与Ktor构建Android后端API
  • PyTorch实战(4)——卷积神经网络(Convolutional Neural Network, CNN)详解
  • 10. Spring AI PromptTemplate:从模板到高级技巧
  • 单词短语0512
  • 反转链表 - 简单
  • Java面试全记录:Spring Cloud+Kafka+Redis实战解析
  • C++核心编程解析:模板、容器与异常处理全指南
  • nestjs[一文学懂如何在nestjs中对npm功能包封装]
  • Linux_文件操作命令
  • MySQL数据库表的约束
  • CentOS下安装MySQL数据库
  • pythonocc 拉伸特征
  • window server 2012安装sql server2008 r2
  • ChromeDriver 技术生态与应用场景深度解析
  • 旭辉控股集团主席林中:债务重组是活下来的前提,自营开发业务收缩至少数核心城市
  • 朝着解决问题的正确方向迈进——中美经贸高层会谈牵动世界目光
  • 贵州省总工会党组成员、副主席梁伟接受审查调查
  • 习近平会见缅甸领导人敏昂莱
  • 央行:中国政府债务扩张仍有可持续性
  • 新疆维吾尔自治区乌鲁木齐市米东区政协原副主席朱文智被查