用 VS Code 开发 uni-app 项目

news2025/11/1 12:12:21

文章目录

1.为什么选择 VS Code ？
2.安装相关插件
- 2.1 安装uni-app插件
- 2.2 安装ts类型检验
3.在微信小程序中运行

1.为什么选择 VS Code ？

⚫ HbuilderX 对 TS 类型支持暂不完善
⚫ VS Code 对 TS 类型支持友好，同时VS Code 也是我们熟悉的编辑器

2.安装相关插件

2.1 安装uni-app插件

在这里插入图片描述

（1）快速创建 uniapp 视图与组件

在这里插入图片描述

（2）uniapp代码提示

在这里插入图片描述

（3）鼠标悬停查找文档
在这里插入图片描述

在这里插入图片描述

2.2 安装ts类型检验

（1）安装类型声明文件

pnpm i -D @types/wechat-miniprogram @uni-helper/uni-app-types

（2）配置tsconfig.json

在这里插入图片描述

3.在微信小程序中运行

（1）配置自己的appid

在这里插入图片描述

（2）执行命令：pnpm dev:mp-weixin 进行微信打包
（3）在微信小程序中打开这个文件夹
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1970964.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

移远通信LTE-A模组EM060K-GL成为ChromeOS准入供应商

近日，全球领先的物联网整体解决方案移远通信宣布，其先进的LTE-A模组EM060K-GL已进入谷歌Chrome OS准入供应商名录，后续将作为候选模组用于搭载Chrome OS系统的笔记本电脑中，为其提供“始终在线”的网络连接体验。这一重要里程碑彰…

禾川Q1系列PLC通过ModbusRtu控制E600变频器

一、新建CodeSys工程项目新建工程可以选择【File】→【New Project】，也可以直接选择【New Project】两种方式用户可以选择需要的项目类型，命名项目工程以及存储路径，完成后选择【OK】选择连接设备【HCQ1-1300-D】（在此之前PC已经安装Q1安装包），选择编程语言，教程示例…

Node.js(4)——模块化

什么是模块化？ ComminJS模块是为Node.js打包JavaScript代码的原始方式。Node.js还支持浏览器和其他JavaScript运行时使用的ECMAScript标准。在Node.js中，每个文件都被视为一个单独的模块。 CommonJS标准使用： 导出：moudule.exp…

一六零、云服务器开发机配置zsh

切换shell 在Linux中默认使用/bin/bash，在用户创建时，会自动给用户创建用户默认的shell。默认的shell就是/bin/bash。要修改shell将其设置为/bin/ksh，有两种方法方法 # 方法一: chsh -s /bin/ksh chsh -s /bin/zsh # 方法二: usermod -s /b…

基于CIFAR10的图片识别

前言这个算是重拾一个古早项目了，当时搭建神经网络对CIFAR10数据集进行训练以后，对训练好的网络进行了验证，可以参考这笔者的两篇博客： pytorch 模型训练（以CIFAR10数据集为例）_pytorch cifar10-CSDN博客…

CAPL使用结构体的方式组装一条DoIP车辆声明消息（方法2）

在文章CAPL使用结构体的方式组装一条DoIP车辆声明消息（方法1）中，我们声明一个结构体DoIPMessage表示完整的DoIP车辆声明消息：上半部分是DoIP报头通用部分（也就是所有类型的DoIP消息都有的），而payload是每个类型的DoIP消息独有的部分，对于车辆声明消息来说，用另一个结…

Golang | Leetcode Golang题解之第309题买卖股票的最佳时机含冷冻期

题目： 题解： func maxProfit(prices []int) int {if len(prices) 0 {return 0}n : len(prices)f0, f1, f2 : -prices[0], 0, 0for i : 1; i < n; i {newf0 : max(f0, f2 - prices[i])newf1 : f0 prices[i]newf2 : max(f1, f2)f0, f1, f2 newf0, n…

【划分字母区间】python刷题记录

R3-贪心篇. 思路： 1.使用dict记录S中每个字符出现的最后位置 2.从s[0]开始，j该元素的dict值，遍历s，如果出现s[i]>j，就需要更新j的值 3.i到j了，那就下一段 class Solution:def partitionLabels(self,…

「Unity3D」自动布局LayoutElement、ContentSizeFitter、AspectRatioFitter、GridLayoutGroup

布局元素与布局控制器布局元素实现ILayoutElement接口，布局控制器实现ILayoutController接口，后者根据前者的属性控制具体布局——有些布局控制器也是布局元素，即同时实现这两个接口，如LayoutGroup。 public interface ILayout…

【原创教程】电气电工：电烙铁的使用方法（入门）

今天我们深入了解电烙铁的相关知识及其应用。电烙铁作为电气电工行业中的重要工具，它在焊接和电路维修等方面扮演着不可或缺的角色。接下来，我们将一起探索电烙铁的奥秘。一、电烙铁概述电烙铁是一种通过电能转化为热能进行焊接的工具。它具有体积小…

jenkins服务器重启，构建记录消失

1、进入系统管理查看系统运行日志，发现报保存构建日志失败 jenkins module java.base does not "opens java.lang.ref" to unnamed module 5276d6ee Java平台模块系统对类的可见性和访问权限进行了严格的控制。在Java 9及以上版本中，java.la…

武汉流星汇聚：深耕跨境电商，万企信赖之选，共绘全球贸易新蓝图

在全球化浪潮汹涌的今天，跨境电商作为连接世界经济的桥梁，正以前所未有的速度改变着国际贸易的格局。在这场充满机遇的旅途中，武汉流星汇聚电子商务有限公司犹如一颗璀璨的流星，划破长空，以其卓越的实力和不懈的努力&a…

JetBrains：XML tag has empty body警告

在xml文件中配置时，因为标签内容为空，出现黄色警告影响观感。通过IDE配置关闭告警

编程语言|Python——为什么0.1+0.2≠0.3（深入理解Python中的浮点数运算）

一、问题描述技术面的时候被问到一个python问题，即当我们输入0.1+0.2时，打印出来的却不是0.3，而是0.30000000000000004，为什么？其实不仅是Python，很多编程语言例如C、Java、JavaScript等等都有这种特性。原理很简单，所有数的运算在计算机中都是进行二进制计算的，十进…