创建可以离线打包开发的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

相关推荐
林涧泣7 分钟前
【Uniapp-Vue3】下拉刷新
前端·vue.js·uni-app
林涧泣8 分钟前
【Uniapp-Vue3】点击回到顶部
uni-app
我命由我123455 小时前
NPM 与 Node.js 版本兼容问题:npm warn cli npm does not support Node.js
前端·javascript·前端框架·npm·node.js·html5·js
浪浪山小白兔5 小时前
HTML5 语义元素详解
前端·html·html5
寰宇软件9 小时前
PHP防伪溯源一体化管理系统小程序
小程序·uni-app·vue·php
大叔_爱编程11 小时前
wx035基于springboot+vue+uniapp的校园二手交易小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣12 小时前
【Uniapp-Vue3】previewImage图片预览
uni-app
灰天76817 小时前
健身房项目 Uniapp+若依Vue3版搭建!!
uni-app
浪浪山小白兔1 天前
HTML5 新表单属性详解
前端·html·html5
努力搬砖的程序媛儿1 天前
uniapp广告飘窗
前端·javascript·uni-app