vscode运行Hbuildx创建的uniapp项目

最新推荐文章于 2024-09-27 09:04:10 发布

peak_chan

最新推荐文章于 2024-09-27 09:04:10 发布

阅读量1k

点赞数 1

文章标签： vscode uni-app ide

本文链接：https://blog.csdn.net/weixin_49455560/article/details/139743849

版权

vscode运行Hbuildx创建的uniapp项目

下载uniapp片段提示插件
下载基于HBuilderX uniapp cli启动插件

下载之后需要重启vscode
配置uniapp run插件，在.vscode文件下创建launch.json文件

{
  "configurations": [{ "type": "uniapp-run", "request": "launch", "name": "Uniapp Run", "platform": "h5", "vueVersion": "v3" }]
}

配置扩展配置
运行或构建项目

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

peak_chan

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

用vsCode写uniapp项目

iaz999的博客

05-27

5169

局部安装了vue2和vue3切换到安装目录下，打开powershell查看版本。

vscode 高效开心开发uniapp

sebeefe的博客

03-09

1081

vscode 高效开心开发uniapp 因为之前一直都是使用vscode开发前端项目，现在有一些小程序或者h5项目采用uniapp开发，在体验了一段时间hbuiler之后，还是觉得vscode香，以下分享我使用vscode开发的一些配置。其中包括uniapp组件语法提示，uniapp代码提示，代码自动格式化。参考文档: https://ask.dcloud.net.cn/article/id-36286__page-2 1. 安装vetur 首先我们需要安装vscode基本的vue插件vetur，在v

参与评论您还未登录，请先登录后发表或查看评论

VSCode打开HBuilderX创建的uniapp项目

战族狼魂的博客

08-22

1428

如果您希望在 VSCode 中直接使用 HBuilderX 提供的部分功能（如打包、编译等），可以通过外部命令集成到 VSCode 中，或者在开发完成后回到 HBuilderX 中使用其特定功能。通常，HBuilderX 会自动为 UniApp 项目配置开发服务器，但在 VSCode 中，您需要手动通过命令行启动它。现在，您可以在 VSCode 中进行 UniApp 项目的开发和调试。在 VSCode 中打开 HBuilderX 创建的 UniApp 项目文件夹。确保您的 VSCode 已经安装并配置好。

使用VScode开发uni-app

2301_79232648的博客

01-22

2192

使用VScode开发uni-app

vscode开发uniapp安装插件指南

weixin_55355282的博客

09-27

1223

简要介绍了vscode开发uniapp需要安装的插件和一些基本配置。

在vscoed 中运行 uniapp 项目

热门推荐

yiyi_11的博客

02-21

1万+

在 vscode 中开发并运行 uniapp，使用 uniapp开发小程序应用

在vscode中运行Hbuilder创建的项目

小多的博客

07-21

5786

想必习惯使用vscode的人突然使用HBuilder很不习惯吧，但是HBuilder创建的项目本身没有调试功能。

VSCode 配置uni-app的方法

10-15

主要介绍了VSCode 配置uni-app的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

用 VS Code 开发 uni-app 项目

phi1111的博客

08-30

947

这一步处理很关键，否则 TS 项目无法校验组件属性类型。

HBuilderX创建的uni-app怎么在vscode中使用

博客

04-14

1147

对比 vue-cli命令行创建的uni-app项目目录和HBuilderX创建的uni-app项目目录；删除：unpackage、.hbuilderx、index.html。《创建uni-app（通过vue-cli命令行）》通过vue-cli命令行创建uni-app，将。1.通过vue-cli命令行创建uni-app。2.将vue-cli命令行创建的项目的。成HBuilderX创建的目录。

VSCode 使用uni-app的方法

weixin_71879136的博客

03-17

2733

VSCode 使用uni-app的方法

VsCode搭建Spring Boot项目并进行创建、运行、调试

08-19

"VsCode搭建Spring Boot项目并进行创建、运行、调试" 本资源主要介绍了如何使用VsCode搭建Spring Boot项目，并进行创建、运行、调试。下面是相关的知识点：一、VsCode安装扩展 * 安装Java Extension Pack (Java...

在VSCode中如何配置uniapp项目以实现代码提示、自动格式化等功能？

最新发布

10-31

使用vue-cli创建uniapp项目时，可以选择合适的预设模板，并通过npm安装项目依赖。安装`dcloudio/uni-helper-json`包，以获得uniapp组件的语法提示。此外，安装uniapp-snippet插件将提供快速的代码片段，加快开发速度...

VScode运行uniapp项目

啵啵的女孩

08-13

1万+

一、在VScode中创建项目 vue create -p dcloudio/uni-preset-vue my-project 二、在各种小程序端运行 //启动项目（微信小程序） npm run dev:mp-weixin //启动项目（h5） npm run dev:h5 //启动项目（app平台） npm run build:app-plus （也就是App平台运行调试不支持cli方式，需在HBuilderX中运行调试） //启动项目（支付宝小程序） npm run dev:m

vscode uniapp 开发环境快速配置

manixchenyang的博客

05-17

3238

vscode替代hbuider解决微信小程序开发解决卡顿问题和使用体验问题提升开发效率。现代化web开发避免不了H5以及混合应用开发，降本增效的必要，想必hbuilderx的语法提示以及插件没有webstorm和vscode方便，让开发效率大大折扣，其实用vscode好处就是装多少插件都丝毫不卡顿，下面你也可以按照下面的方法尝试一下，由于最近电脑换了个系统，就重新配置下顺便记录下

uniapp微信小程序使用vscode代替HBuilderX开发uniapp微信小程序并且vscode改动代码微信开发者工具能实时更新

wocwin的博客

05-16

6108

uniapp微信小程序使用vscode代替HBuilderX开发uniapp微信小程序并且vscode改动代码微信开发者工具能实时更新；解决Vs Code 出现`类型“{ class: string; }”的参数不能赋给类型`错误

如何在vscode中开发运行uniapp项目

weixin_73320836的博客

02-08

1万+

【直接下载即可用】

使用vscode编辑器编辑原生HbuilderX创建的项目

qq_35373781的博客

06-25

775

vscode适配HbuilderX原始项目代码提示

uniapp项目怎么在VSCode上启动

06-03

要在 VSCode 上启动 uniapp 项目，需要使用 uniapp 官方提供的插件 `uniapp-vscode-plugin`。下面是启动步骤： 1. 在 VSCode 中安装 `uniapp-vscode-plugin` 插件。 2. 在 VSCode 中打开 uniapp 项目所在的文件夹。 3. 在 VSCode 左侧的“Explorer”面板中找到 `pages.json` 文件。 4. 右键点击 `pages.json` 文件，选择“在终端中打开”。 5. 在终端中输入 `npm run dev:mp-weixin` 命令启动微信小程序开发者工具（如果你的项目是为其他平台开发，需要将命令中的 `mp-weixin` 替换为对应的平台标识，如 `h5`）。 6. 在微信小程序开发者工具中点击“编译”按钮，编译项目。 7. 在微信小程序开发者工具中点击“预览”按钮，预览项目。注意：在使用 `uniapp-vscode-plugin` 插件启动项目之前，需要先在项目根目录下执行 `npm install` 命令安装项目所需的依赖。