创建可以离线打包开发的uniapp H5项目

安装node环境

安装vue脚手架,在线

npm install -g @vue/cli

PS:vue-cli已进入维护模式,vue3最新脚手架使用npm init vue@latest安装,安装后使用create-vue替换vue指令,create-vue底层使用vite提升前端开发效率(Note16.0+)

使用命令创建一个uniapp项目,在线

默认使用的https://registry.npmmirror.com作为镜像源

vue create -p dcloudio/uni-preset-vue my-project

选择一个模板

如果下载不下来,可以用离线模式,指定使用的模板位置为本地

下载uniapp离线模板,在线

gitee仓库:

https://gitee.com/dcloud/uni-preset-vue/tree/vite

https://gitee.com/dcloud

uni-preset-vue-master.zip

uni-preset-vue-vite.zip

创建uniapp离线版的h5项目 离线

vue create -p D:/uni-preset-vue-master my-project

这里可以指定模板目录为D:/uni-preset-vue-master

默认下载之后就有依赖了,如果没有初始化依赖,使用以下命令初始化模块依赖:

npm install

文件结构:

运行

打开控制台,进入根目录

使用命令运行:

npm run serve

默认访问地址:http://localhost:8080/#/

使用HBuilderX运行

打包npm run build

相关推荐
by__csdn1 小时前
Vue 2 与 Vue 3:深度解析与对比
前端·javascript·vue.js·typescript·vue·css3·html5
专注前端30年4 小时前
如何使用 HTML5 的 Canvas + JavaScript 实现炫酷的游戏得分特效?
前端·javascript·游戏·html5·canvas·canva可画
脾气有点小暴10 小时前
uniapp滚动容器冲突
uni-app
鱼樱前端12 小时前
uni-app开发app之前提须知(IOS/安卓)
前端·uni-app
by__csdn15 小时前
Vue 中计算属性、监听属性与函数方法的区别详解
前端·javascript·vue.js·typescript·vue·css3·html5
二狗mao1 天前
Uniapp使用websocket进行ai回答的流式输出
websocket·网络协议·uni-app
良逍Ai出海1 天前
Build in Public|为什么我开始做一款相册清理 App(听说有竞品年收益40W)
ios·uni-app·ai编程·coding
2501_915106323 天前
iOS App 测试工具全景分析,构建从开发调试到线上监控的多阶段工具链体系
android·测试工具·ios·小程序·uni-app·iphone·webview
dchen773 天前
uniapp实现上拉刷新和下拉刷新的两种方式
uni-app
FinelyYang3 天前
uniapp+unipush2.0+WebRTC实现h5一对一视频通话
uni-app·音视频·webrtc