Hbuildx创建vue3项目

已于 2022-10-22 15:59:23 修改
阅读量2.8k 收藏 1
点赞数
分类专栏： 自己的杂记 文章标签： vue.js 前端 javascript
于 2022-10-22 11:12:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yudelian/article/details/127459302
版权





​​​​​​静态网站 H5 跳小程序 | 微信开放文档

一、vue3的试水学习

vue3的项目，可以先尝试普通项目的vue3应用

根据示例来看，是vue3的语法没错了 ，可以先在这儿试一下基础的的vue3语法

vue的setup： 单文件组件

这是vue3的setup语法糖，现在粗线理解是，在vue3文档里，vue2的语法大部分还是在用，例子中大部分还是export default的使用，script也没有加setup，，，所以支持vue3现在理解就是底层原理改了，再加几个语法糖

二、vue3的uni-ui了解

uniapp开发：uniapp之切换vue3，一直使用一直爽_普通网友的博客-CSDN博客_uniapp 版本切换

看这个示例，将manifest.json的vue版本设置为3后，就可以使用vue3语法了，当然了，其他的例子看样子还是vue2的语法，应该就是说的vue2和vue2兼容吧

uni-app 项目支持 vue 3.0 介绍，及升级指南 - DCloud问答

三、支持vue3的  uview：

演示 | uView Vue3.0 横空出世，继承uView1.0意志，再战江湖，风云再起！

插件地址：【开箱即用】uView Vue3 横空出世，继承uView1意志，再战江湖，风云再起！ - DCloud 插件市场 

uview支持的vue3，仅根据插件介绍和示例来说，示例还是用的vue2,应该自己可以使用vue3来编程，与uni-ui类似

追梦-北极星
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI是一个用于快速Vue.js开发的完整系统。这篇文章主要介绍了Vue Cli3 创建项目的方法步骤，非常具有实用价值，需要的朋友可以参考下
vue3+typescript创建的简单项目
11-24
1.vue3+typescript创建的简单项目； 2.使用vue-cli创建项目； 3.使用了vue-router； 4.实现了登录、商品管理、用户管理、角色管理、权限修改等简单、基础通用功能； 5.通过此项目可以学会typescript的简单应用方式；...
Vue学习之使用HBuilderX创建并使用vue3.0项目
qq_38527427的博客
02-01 1936
本文简述HBuilderX中如何使用vue3.0项目
移动端插件化之uniapp+vue3+vite+ts项目搭建并开发一个自己的移动端ui库，支持h5、app等
最新发布
weixin_43488223的博客
02-23 1890
安装，记得先切换回淘宝镜像修改文件// 支持在Vue SFC中引入外部类型定义return {if (!if (!});return res;},return {})此时就不报错了。ok，到这里全部结束，撒花。
HBuilder X+Vue3+element-plus
qq_45179408的博客
04-17 649
3.打开html文件夹，删掉里面的内容，将已打包的dist文件夹里面的内容，全部复制到html文件夹下。4.打开conf文件夹，找到 nginx.conf文件，用编辑器打开。npm run dev （ctrl+c停止运行）在地址栏输入localhost:7080即可。1.npm run build打包。
使用HBUILDERX将VUE-CLI3文件打包成APP，以及解决打包后的APP出现白屏的问题（简单示例）
ALDNOAH_K的博客
10-11 1315
（原因：如果使用history模式上线，必须要服务端在服务器上有对应的模式才能使用history（看上面链接），如果服务器上没有配置，可以先使用默认的hash；4、更改 manifest.json的配置文件，因为是demo练习，我这里只进行了两个配置，其它需要配置的根据自己的项目需求完成。5、选择需要打包的项目，在工具栏中选择 发行---->原生App-云打包，出现如下弹框。可选值: "hash" | "history" | "abstract"1、文件 ---->新建 ---->项目。
uniapp开发：uniapp之切换vue3，一直使用一直爽
热门推荐
qq_42961150的博客
11-17 1万+
目录 前言 使用步骤 Tips 关注我，不迷路 前言 随着vue3.0发布以来，紧随着vue3.2又发布了，这尤大大也太厉害了吧。在这里vue3.x的优点就不多说了，反正就是爽。 uniapp也是跟紧的步伐，在前几个版本就开始支持vue3.x的使用，甚至在2.9.3的cli版本就开始支持了，更多相关信息查看官方更新日志。从 HBuilderX 3.2 起，支持创建 vue3 的 uni-app 项目，更多uniapp相关信息查看uni-app 项目支持 vue 3.0 介绍，及升级指南。用法与常规vu
初识 Vue 3，使用Hbuilder X 开发工具初建项目
一起学习
10-10 2663
简单介绍了vue3 ，以及如何利用开发工具创建第一个vue3项目文件。
使用HBuilder X开发Vue3+node+element-plus
故里2130
11-30 5720
解决办法：所以，我们把里面的东西卸载后，然后重新下载就行了。最后我知道了原因，这里是我电脑全局的错误，现在只要把它单独删除，然后单独安装就行了。开发Vue3有很多的工具，比如VSCode，它也非常的好用，本文主要使用HBuilder X开发。7. 有报错的话，看拓展，没有报错的话，看拓展的第五步即可。2.选择文件，写项目名字和路径，选择3.28版本，进行创建。5.接下来，我们安装element-plus，选择如图所示。打开文件可以仔细找，可以看到顺序，套娃一样，一层套一层。1.打开本项目的路径。
uniapp创建vue3项目
weixin_57844432的博客
06-14 9695
uniapp-VUE3-微信小程序项目
如何在HBuilder中开发vue3的项目
qq_49668888的博客
06-04 1693
（1）打开电脑的终端，输入 npx degit dcloudio/uni-preset-vue#vite my-vue3-project 来创建工程化项目，成功后（会有一行小蓝字表示成功了）cd到你的项目，然后输入npm install来下包（我之前用的cnpm，有丢包的现象，所以我宁肯慢点也选择npm）最近，在用vue3写小程序的项目时，遇到了各种问题，其中有涉及到项目的创建方式，vue2到vue3切换时的报错，以及是如何解决的 接下来我就详细的概述一下。（2）在过程中可能会遇到的报错。
HBuilderX与Vue3：开启Uniapp开发的新纪元
特创数字
12-21 1474
通过我们的HBuilderX与Vue3教学课程，您将掌握最新的Uniapp开发技能，为未来的职业发展打下坚实基础。：Vue3相比Vue2在性能上有了显著的提升，而Uniapp则可以在多个平台上运行，因此使用Vue3可以大大提高Uniapp的性能。本课程将为您详细介绍如何使用HBuilderX和Vue3进行Uniapp开发的全过程，让您从零开始，逐步掌握核心技能。1. 案例分享：我们会定期邀请成功的开发者进行案例分享，让您了解最新的开发趋势和实践经验，拓宽您的视野。
vue3+webpack项目代码
05-11
资源包里面包含vue3+webpack项目需要的相关依赖项代码和vue3+webpack项目所需要的编译、启动服务的相关代码，代码下载下来就能直接启动使用，另外还包含了vue3+webpack项目代码及其配置文件的详细讲解。
通过命令行创建vue项目的方法
08-29
主要介绍了通过命令创建vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于脚手架创建Vue项目实现步骤详解
10-15
主要介绍了基于脚手架创建Vue项目实现步骤详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vue系列（二）——vue3基础项目（集成框架）搭建
xxfen_的博客
06-17 5464
目录一、新建项目二、集成路由三、安装配置axios（网络请求库）四、使用vuex（暂无）五、结尾打开编辑器新建项目，填写项目名称，点击创建，之后等待项目加载完成就可以了。我的Hbuilder X 版本是3.4.14新建的项目目录下面是vue项目加载页面的形式，单页渲染，所有的内容展示都是在index.html页面上进行渲染，而App.vue是index.html里面最外层的组件容器、包含全局的js代码css样式。所有的页面的渲染是在App.vue容器里面进行文件main.js：入口js文件，所有全局文件的引
备注：利用hbuilderx新创建一个vue-cli3项目所需要做的事情
kuguhuan的博客
05-29 3095
这只是给自己的一份笔记，可能不适用其他人 1.创建Vue cli3的核心配置文件vue.config.js /** * Vue cli的核心配置文件 */ const webpack = require("webpack"); module.exports = { // 引入bootstrap样式 configureWebpack:{ plugins:[ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery
HBuilder创建uniapp项目（Vue3、Vant Weapp）
LuoYi_ly_的博客
05-16 9587
HBuilder搭建uniaop项目步骤，使用Vue3与Vant Weapp组件库
npm创建vue3项目
08-16
要使用 npm 创建 Vue 3 项目，你需要先安装 Node.js 和 npm。安装完成后，可以按照以下步骤创建 Vue 3 项目： 1. 打开命令行终端并进入你想要创建项目的目录。 2. 运行以下命令来创建一个新的 Vue 3 项目： ``` npm init vite@latest ``` 这将使用 Vite 脚手架工具创建一个新的 Vue 3 项目。Vite 是一个现代化的构建工具，专为 Vue 3 开发而设计。 3. 在创建项目时，你将被要求输入一些基本信息，如项目名称、描述等。按照提示进行填写。 4. 创建项目完成后，进入项目目录： ``` cd your-project-name ``` 5. 安装项目依赖： ``` npm install ``` 6. 运行以下命令启动开发服务器： ``` npm run dev ``` 这将启动开发服务器，并在浏览器中打开你的 Vue 3 应用。 现在，你已成功使用 npm 创建了一个 Vue 3 项目。你可以开始编写 Vue 3 组件和应用程序了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值