uni-app项目搭建

最新推荐文章于 2024-05-14 09:42:57 发布
最新推荐文章于 2024-05-14 09:42:57 发布
阅读量269 收藏 1
点赞数
分类专栏： uni-app 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43840232/article/details/117200798
版权
本文介绍了uni-app项目的搭建步骤，包括环境准备（需要node.js、Git、TortoiseGit、微信开发者工具和HBuildX），项目导入（通过Git导入），运行（可能需要安装插件并解决报错），以及如何发布到微信小程序（设置appid并发布）。
摘要由CSDN通过智能技术生成

uni-app项目搭建

环境准备

  1. node_js
  2. Git
  3. TortoiseGit
  4. 微信开发者工具
  5. HBuildX
  6. 开源项目准备:前端铺子

导入项目

文件 → 导入 → Git导入
输入git地址
添加好项目后稍等片刻即好。

运行

本次仅用小程序
第一次运行可能会报错
在这里插入图片描述
根据提示去市场安装插件
在这里插入图片描述
直接点击导入
在这里插入图片描述
运行过程中可能会报错，要保持微信开发者IDE打开在

最低0.47元/天 解锁文章
枫吻江南
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app环境搭建、项目创建
挽城.的博客
05-27 2021
uni-app介绍 uni-app官方网站是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 通俗的来讲，也就是开发者只需要编写一套uni-app代码，就能实现安卓、IOS、网页、小程序的开发，大大减少了开发成本 环境搭建 uni-app的环境搭建极其简单，只需要下载开发工具HbuilderX 下载地址 该编译器内置了uni-app的开发环境，同时也是一个比较
uni-app 项目搭建
qq_37757270的博客
02-07 276
记录第一次使用uni-app遇到的问题
uniapp项目创建
qq_45796592的博客
02-18 1104
uniapp配置
uni-app开发环境搭建&创建uni-app项目
star_of_science的博客
08-22 7104
本文是关于使用uni-app的第一次笔记，至于有没有第二次，看我接下来的心情了！本文首先教你如何搭建uni-app开发环境，然后创建uni-app项目。 uni-app使用了快半个月了，现在准备来系统的学习一下uni-app，并做一些笔记！学习的最好方式就是查看官方文档，当然初学者可能会对官方文档比较迷茫，我今后做的笔记也许能够为你解决这些疑惑。
小程序-uni-app：uni-app-base项目基础配置及使用 / uni-app+vue3+ts+vite+vscode
snowball的博客
06-08 1万+
小程序 uniapp开发 vue3 ts pnpm 开发 全记录
uni-app安装使用
weixin_43725034的博客
04-07 204
开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。但是第一次使用时一般会提醒你需要导入微信开发者工具地址，可以选择在提示框填入，也可以选择在工具-运行配置中填入微信开发者工具路径。新建成功后，接下来点击运行到小程序模拟器，然后选择第一个微信开发者工具(w)-[uni-app项目1]在开发小程序中，我们一般很少直接用微信开发者工具开发，一般会使用uni-app来进行开发。
前端铺子-uniapp：一站式移动前端解决方案的探索与实践
最新发布
chenchuang0128的博客
05-14 659
前端铺子-uniapp”项目是一个基于Vue-uniApp、colorUi与uView框架的移动前端解决方案。该项目旨在为用户提供一站式的移动端应用开发服务，包括聊天室、金融量化、抽奖、地图轨迹回放、电子签名、图片/海报编辑器、自定义相机/键盘、拍照图片水印、智能抠图、照片墙、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、课程表、渐变、加载动画、请求封装等多种功能。
前端铺子-uniapp移动端：跨平台开发新篇章
chenchuang0128的博客
05-13 1190
前端铺子-uniapp移动端项目是一个基于uni-app框架的移动应用开发集合，旨在提供丰富的移动端开发资源和解决方案。项目以Vue.js为基础，结合colorUi和uView框架，实现了对微信小程序、H5、Android和IOS等平台的完美支持。项目包含了多种实用功能，如聊天室、金融量化、抽奖、地图轨迹回放等，并提供了丰富的组件和样式供开发者参考和使用。
Uniapp入门教程：轻松理解框架特点并完成首个项目的创建
weixin_43263566的博客
10-12 6447
uniapp 项目搭建
uni-app开发流程一（项目搭建）
热门推荐
蜗牛的博客
07-01 3万+
uni-app其实是DCloud推出的众多产品之一，当然我只研究目前能用到的 DCloud的官网：https://www.dcloud.io/ uni-app的官网：https://uniapp.dcloud.io/ uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。 1.开始阶段： 公司想要将...
深入理解package.json中dependencies和devDependencies 的区别
bamboozjy的博客
01-21 3225
现在很多前端框架项目中都需要使用到依赖，但是安装依赖的时候到底应该使用  --save或-S（简写）   还是  --save-dev或-D（简写） 呢，所以需要对dependencies和devDependencies 有清楚的认识。 dependencies：生产和开发都会用到的依赖，最后会被打包到项目中。eg：npm i jquery -S devDependencies ：...
uni-app 软件安装及使用
单飞吧的博客
10-15 1861
创建项目 uni-app支持通过 可视化界面、vue-cli`命令行两种方式快速创建项目。推荐使用可视化界面。 使用软件：官方提供的HbuilderX,可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。 下载地址 选择uni-app，输入工程名，点击创建，即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。[注意：创建的项目需要放在左侧资源栏的根目录] 运行uni-app 注意：运行时可能会报某些插件未安装，需要在软件插件栏中找
使用Git本地管理uni-app项目及托管到码云
Web__L的博客
11-25 1318
使用Git本地管理uni-app项目及托管到码云使用Git管理本地管理把本地项目托管到码云（HTTP方法） 使用Git管理 本地管理 在项目根目录中新建.gitignore 忽略文件，并配置如下： #忽略 node_modules 目录 /node_modules /unpackage/dist p.s：由于我们忽略了unpackage目录，为了我们以后能够正常追踪unpackage目录，可以在unpackage目录下创建一个叫做.gitkeep的文件进行占位 在本地项目地址中按shift+鼠标右击
uni-app的安装及使用
qq_54783667的博客
05-05 4544
目录下载uni-app开发工具下载 HBuilderX安装 HBuilderX安装 scss/sass 编译快捷键方案切换修改编辑器的基本设置新建 uni-app 项目uni-app目录结构把项目运行到微信开发者工具相关配置运行到微信开发者工具简单使用使用Git进行项目管理本地管理把项目托管到码云 下载uni-app开发工具 uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处： 1.模板丰富 2.完善的智能提示 3.一键运行 下载 HBuilderX 访问 HBu
uni-app系列（一）：安装开发工具 HBuilderx 并创建 uniapp 项目
Mr_chen的博客
09-05 6385
????摘要 今天分享下 —— uni-app系列（一）：安装开发工具 的一些基本知识，欢迎关注！ ????安装 HBuilderx hbx是官方力荐并长期维护的开发工具很好使哦！ 官方推荐的：https://www.dcloud.io/hbuilderx.html 因为是uni-app开发，所以我们这里下载安装App开发版：（下载完成直接解压找到 HBuilderx.exe 启动即可） 安装后如下退图： ????用 HBuilderx 创建 uniapp 项目 如下所示点击：文件 --&g
uni-app npm方法安装使用
杨葱儿
09-10 2万+
一、打开对应项目的调试命令窗口 1.电脑左下角搜索cmd，点击命令提示符，输入cd+空格+项目地址，回车就可以了： 2.在当前目录下"shift+鼠标右键"，点击“在此处打开Powershell窗口”： 二、输入命令初始化npm npm init -y 三、安装包 npm install @dcloudio/uni-ui 四、引入使用 1.全局安装：在main.js中： import {uniBadge} from '@dcloudio/uni-ui' 2.本地安装：.
uniApp项目搭建
weixin_43844696的博客
09-18 569
（1）、首先你需要先下载一个开发工具HbuilderX下载 （2）、进入开发工具，然后新建一个项目，如图 （3）、配置微信小程序展示环境 首次会弹出小框（只需将微信开发者工具安装包所在路径放上去即可） （4）、可以安装插件（sass、git等等）（在工具插件安装里面安装即可） （5）、接下来就可以开始你的开发了... ...
uni-app项目搭建及运行
m0_47454283的博客
08-24 3927
创建uni-app 点击工具栏中的文件->新建->项目 选择uni-app项目类型,选择模板,点击创建。 运行uni-app 微信开发者工具中运行: 点击HBuilderX编译器工具栏的工具->设置->运行配置->填写微信开发者工具安装的路径。 点击HBuilderX编译器工具栏的运行->运行到小程序模拟器->微信开发者工具。 真机运行：连接手机，开启USB调试，点击工具栏的运行->运行到手机或模拟器->选择运行的设备。 (以下内容及操作同
uni-app安装到建立项目开发环境
weixin_44770377的博客
09-23 3475
一、UNI-APP简述 uni-app实现了一套代码，同时运行到多个平台；如下图所示，一套代码，同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具（底部8个终端选项卡代表8个终端模拟器）： 实际运行效果如下： 二、工具安装 uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目...
uni-app 项目搭建流程指南
Big_YiFeng的博客
07-15 3871
一般是选择默认模板或者uni-ui项目（uni-ui是一个uni的ui组件库，还是很好用的），然后点击下面的创建。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值