使用vue创建uni-app项目、electron-vue项目

最新推荐文章于 2025-06-18 09:03:11 发布
最新推荐文章于 2025-06-18 09:03:11 发布
阅读量6.8k 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： uniapp vue electron-vue 文章标签： uni-app vue electron-vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40080972/article/details/89789036
该博客主要介绍了在npm环境下，使用vue-cli创建项目的方法。包括创建uni-app项目、构建微信运行测试，以及创建electron-vue项目。还提及了vue-cli3创建应用、添加electron-builder和Element-UI等内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

npm环境，安装vue-cli，

 

创建uni-app项目

vue create -p dcloudio/uni-preset-vue project_name

创建uniapp项目

构建微信运行测试

cnpm run dev:mp-weixin

 

创建electron-vue项目

vue init simulatedgreg/electron-vue project_name

 

vue-cli3

vue create application_name

cd application_name

vue add electron-builder

yarn electron:serve

yarn electron:build

 

Element-UI

vue create application_name
cd application_name
vue add element
Vue.js 跨平台开发：Uni-app实战教程
AI架构全栈开发实战笔记
06-02 1010
在移动互联网时代，开发者常面临“多端开发”的痛点：同一个应用需要适配微信/支付宝小程序、iOS/Android App、H5网页，传统模式需为每个平台写一套代码，重复劳动率高达70%。本文聚焦“Uni-app+Vue.js”技术组合，教你用一套代码搞定多端，覆盖开发环境搭建、核心功能实现、多端适配技巧等全流程。本文从“为什么选Uni-app”讲起，用“开奶茶店”的故事类比核心概念，逐步拆解Uni-app的架构原理；通过“校园二手交易平台”实战项目，演示从环境搭建到多端发布的全流程；
uni-app开发桌面应用
激流丶的博客
08-03 8514
uni-app实现开发桌面应用的思路？ 1、用uni-app开发h5应用 2、用electron打包成exe文件 nodejs v16.6.0 用uni-app开发打包成H5应用 h5打包目录下放入以下文件 main.js const {app, BrowserWindow} = require('electron') const path = require('path') const url = require('url') // Keep a global reference of the wi
通过 vue-cli 创建 uni-app 项目
weixin_44860425的博客
04-28 2993
查看uni-app官方文档 需要注意bash选择不了模板，只能选择默认模板。可以打开cmd窗口进行安装可选择模板 不太喜欢hello uni-app 项目模板的结构 所以我又安装了默认模板 配置一下api接口 安装 npm install uview-ui main.js import Vue from 'vue' import App from './App' import uView from "uview-ui"; Vue.use(uView); Vue.config.producti
vue-cli创建uni-app项目
m0_58293192的博客
11-06 6149
vue-cli创建uni-app项目
uni-preset-vue项目创建Vite模板常见问题解析
最新发布
gitblog_07364的博客
06-18 393
uni-preset-vue项目创建Vite模板常见问题解析 在使用uni-preset-vue项目创建Vite模板时，开发者可能会遇到模板初始化失败的问题。本文将深入分析这一问题的可能原因，并提供有效的解决方案。 问题现象 当开发者执行degit dcloudio/uni-preset-vue#vite my-vue3-project命令创建基于Vite的uni-app项目模板时，可能会遇到模板...
通过vue-cli创建uni-app项目
qq_37941952的博客
12-22 1099
vue-cli创建uniapp项目
用Vue CLI创建uniapp项目
weixin_45416189的博客
03-03 7871
用Vue CLI创建uniapp 用Vue CLI创建uni-app，摆脱HBuilder，npm命令行运行及发布 除了 HBuilderX 可视化界面，也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。 如果是老的项目，也可以通过下方步骤，创建一个 uni-app 选择默认模板，然后将项目原封不动的复制到新项目的 ./src 目录。 执行 npm run serve / npm run build 就可以运行和打包了。 1. 环境安装 全局安装vue-cli npm ins
使用vue-cli创建uni-app项目（vite版本）
一个韩韩韩
06-04 561
vite版uniapp项目
uni-app安装electron
06-07
首先安装Node.js和Electron是基础，然后创建Electron项目，配置main.js来加载uni-app生成的H5页面。同时，需要指导用户如何在uni-app中构建H5版本，并且解决可能存在的路径问题，比如file://协议的限制可能需要使用...
uni-app跨平台开发与应用
xpy99的博客
04-01 2305
在uni-app的日常开发中，使用得比较多的是HBuilderX编辑器。“HBuilderX”中，H是HTML(Hyper Text Markup Language，超文本标记语言)，Builder是构造者，X是HBuilder的下一代版本，简称HX。HX是为前端开发者服务的通用IDE，或称为编辑器，与VSCode、Sublime、WebStorm等编辑器类似，可以开发普通Web项目，也可以开发DCloud推出的uni-app项目、5+App项目、wap2app项目。
基于uni-app手机端后台管理系统uni-uadmin
m0_67393342的博客
03-06 3615
Uni-Uadmin 一款uniapp+uviewUI开发的中后台管理系统模板实例。 全新毛玻璃UI视觉uniapp后台管理系统。使用了uni-app+uView-ui+uni-ui等技术开发架构，内置了表格/表单/图表/列表及富文本编辑器，支持动态路由权限控制，错误页处理。 功能特性 动态毛玻璃底部Dock菜单 支持动态权限管理、错误页处理 内置多图表组件、表格、表单、瀑布流列表及富文本编辑器 支持编译h5+APP+小程序端 技术架构 编码器：HbuilderX3.3.5 框架技术：vue.js
Uniapp vue-cli 项目创建
pengpengxiaobai的博客
02-21 1908
Prettier 是一款强大的代码格式化工具，支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown 等语言，基本上前端能用到的文件格式它都可以搞定，是当下最流行的代码格式化工具。打开vscode设置，搜索associations，添加manifest.json和pages.json关联到jsonc。tabWidth：tab是空格的情况下，是几个空格，选择2个；，比如对象类型的最后一个属性后面是否加一个，；
创建uni-app（通过vue-cli命令行）
博客
04-13 1576
uni-app运行到微信开发者工具》uni-app官网•介绍•快速上手。节点，选择对应指令编译。
uniapp创建vue3项目
热门推荐
weixin_57844432的博客
06-14 1万+
uniapp-VUE3-微信小程序项目
vue小程序开发（一） uni-app基本学习
Mr.White的博客
04-14 9359
vue小程序开发（一） uni-app基本学习脚手架搭建项目新建页面样式和sass基本语法数据展示数据循环条件编译计算属性事件传参方式组件组件的简单使用示例组件传递参数父向子传递数据子向父传递数据全局共享数据组件插槽未使用插槽在组件中添加插槽生命周期介绍当小程序模拟器无反应时 脚手架搭建项目 全局安装 npm install -g @vue/cli 创建项目 vue create -p dcloudio/uni-preset-vue my-project 启动项目(微信小程序) npm ru
前端 - 使用uniapp+vue搭建前端项目（app端）
qq_52998673的博客
11-14 2850
前端 - 使用uniapp+vue搭建前端项目（app端）
用 VS Code 开发 uni-app 项目
phi1111的博客
08-30 1309
这一步处理很关键，否则 TS 项目无法校验组件属性类型。
【VS Code】一文搞定！在VS Code等ide中开发运行UniApp项目的完整指南
VT_馒头的博客
02-10 1万+
UniApp作为"一次开发，多端运行"的跨平台框架，配合微软的VS Code这个轻量级编辑器，堪称开发效率神器组合。相比HBuilderX，VS Code拥有更丰富的插件生态和自由的配置空间，特别适合已经熟悉前端开发的程序员。 同时，UniApp使用Vue相关的语法进行开发，这对于前端开发工程师来说，并不需要太多的学习成本，上手难度较低。但是如果还需要学习配套的HBuilderX工具来开发的话，那么就会产生较大的学习成本了。为了达到降本增效的目的，能够直接在VS Code中进行开发就显得尤为重要。
uniapp微信小程序使用vscode代替HBuilderX开发uniapp微信小程序并且vscode改动代码微信开发者工具能实时更新
wocwin的博客
05-16 7961
uniapp微信小程序使用vscode代替HBuilderX开发uniapp微信小程序并且vscode改动代码微信开发者工具能实时更新；解决Vs Code 出现`类型“{ class: string; }”的参数不能赋给类型`错误
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值