[巨详细]使用HBuilder-X启动uniapp项目教程

简介: 【6月更文挑战第6天】使用HBuilder-X启动uniapp项目教程先用HBuilder-X打开本地的uniapp项目

安装HBuilder-X

详细步骤可看上文》》

新建uniapp项目教程

详细步骤可看上文》》

使用HBuilder-X启动uniapp项目教程

先用HBuilder-X打开本地的uniapp项目

点击运行–》运行到终端

第一次从git上面拉项目下来的话,选择npm install

其他的情况下可以选择合适的命令行

npm install安装项目依赖

如果该步骤报错:

报错内容

npm ERR! code 1
npm ERR! path C:\Users\Administrator\Desktop\uniApp-food\node_modules\puppeteer
npm ERR! command failed
npm ERR! command C:\windows\system32\cmd.exe /d /s /c node install.js
npm ERR! ERROR: Failed to set up Chromium r756035! Set "PUPPETEER_SKIP_DOWNLOAD" env variable to skip download.
npm ERR! Error: ENOSPC: no space left on device, write
npm ERR!   -- ASYNC --
npm ERR!     at BrowserFetcher.<anonymous> (C:\Users\Administrator\Desktop\uniApp-food\node_modules\puppeteer\lib\helper.js:94:19)
npm ERR!     at fetchBinary (C:\Users\Administrator\Desktop\uniApp-food\node_modules\puppeteer\install.js:148:8)
npm ERR!     at download (C:\Users\Administrator\Desktop\uniApp-food\node_modules\puppeteer\install.js:54:9) {
npm ERR!   errno: -4055,
npm ERR!   code: 'ENOSPC',
npm ERR!   syscall: 'write'
npm ERR! }
npm ERR! A complete log of this run can be found in: C:\Users\Administrator\AppData\Local\npm-cache\_logs\2024-06-18T05_04_56_343Z-debug-0.log

解决方法:

  1. 修改node版本即可。
    推荐使用nvm,详细步骤:
    1.win
    2.mac
  2. 执行SET PUPPETEER_SKIP_DOWNLOAD=true
SET PUPPETEER_SKIP_DOWNLOAD=true
  1. 当前磁盘空间不足 清理磁盘

依赖安装成功

运行项目

点击运行–》运行到浏览器–》任意选择浏览器

项目启动效果

您好,我是肥晨。

欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。

目录
相关文章
|
29天前
|
前端开发
[巨详细]使用HBuilder-X新建uniapp项目教程
【6月更文挑战第6天】安装HBuilder-X 详细步骤可看上文》》 启动uniapp项目 先打开HBuilder-X
23 5
|
29天前
|
前端开发
[巨详细]安装HBuilder-X教程
【6月更文挑战第6天】下载HBuilder-X 官方网址:https://www.dcloud.io/ 点击网址 ,打开官网
15 1
|
16天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的业财票务一体项目管理系统 附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的业财票务一体项目管理系统 附带文章源码部署视频讲解等
16 0
|
17天前
|
前端开发
uniapp 实战 -- 创建 uni-admin 项目,部署到 uniCloud 前端网页托管(免费云空间)
uniapp 实战 -- 创建 uni-admin 项目,部署到 uniCloud 前端网页托管(免费云空间)
17 0
|
1月前
|
JavaScript
基于Vue3的Uniapp实训项目|一家鲜花店
基于Vue3的Uniapp实训项目|一家鲜花店
38 0
|
1月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的移动网赚项目的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的移动网赚项目的详细设计和实现(源码+lw+部署文档+讲解等)
|
9月前
|
数据安全/隐私保护 iOS开发
使用HBuilder平台打包并上传iOS应用到App Store的完整教程
使用HBuilder平台打包并上传iOS应用到App Store的完整教程
|
2月前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
171 3
|
11月前
|
缓存 Java PHP
解决Hbuilder打包的APP微信支付时无法唤起支付,且提示{“code“:-100,“message“:“[payment微信:-1]General errors“}的问题
解决Hbuilder打包的APP微信支付时无法唤起支付,且提示{“code“:-100,“message“:“[payment微信:-1]General errors“}的问题
|
13天前
|
前端开发 JavaScript
HBuilder实现App资源在线升级更新
这篇文章介绍了使用HBuilder实现App资源在线升级的流程,包括获取线上和本地版本号对比、检查更新、下载安装包、静默或用户触发安装以及重启应用。关键代码展示了如何比较版本、下载wgt文件及安装更新。注释提到仅同名文件被覆盖,manifest.json变化需整包升级。提供了一个DEMO下载链接。
14 0

热门文章

最新文章