Vscode微信小程序 美化文件目录 + 代码高亮 + 其他插件

最新推荐文章于 2024-07-17 16:00:17 发布
最新推荐文章于 2024-07-17 16:00:17 发布
阅读量1.7k 收藏 4
点赞数 1
分类专栏： 学习新知识 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42763696/article/details/108932057
版权
本文介绍了如何使用VSCode美化文件目录，通过安装vscode-icons插件实现图标展示。同时，文章提到了代码高亮的设置方法，以及推荐了两个实用插件：minapp用于微信小程序开发的智能补全，wechat-snippet提供微信小程序的代码辅助功能。这些提升将使VSCode的使用体验更加高效和舒适。
摘要由CSDN通过智能技术生成

文章目录

1. 美化文件目录

下载vscode-icons插件

初始文件目录
在这里插入图片描述
下载插件完成后点击这里

在这里插入图片描述
在这里插入图片描述

美化后效果

在这里插入图片描述

2. 代码高亮

将右下角的语言格式关联到我们熟悉的HTML和CSS即可。
在这里插入图片描述

3. 其他插件

  1. minapp: 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）
  2. wechat-snippet: 微信小程序代码辅助,代码片段自动完成

参考https://www.jianshu.com/p/8bb6f0b89f33, https://www.bilibili.com/video/BV1nE41117BQ?p=7

UncoDong
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
VsCode美化 - VsCode自定义 - VsCode自定义背景图
<font color="Pink">Tisfy的博客</font>
08-10 1300
VsCode美化 - VsCode自定义 - VsCode自定义背景图 作为一个二刺螈，VsCode用久了，总觉得少了些什么。是啊，高效的代码生产工具中怎么能没有老婆呢？ 那就安装一个VsCode插件把老婆添加到VsCode中吧！
VS Code主题设置（美化VS Code）（主题+背景+图标+特效+字体）
热门推荐
前端萌新
02-13 2万+
VS Code主题，背景，字体设置
分享66个微信小程序源代码总有一个是你想要的
最新发布
zdh13370188237的博客
07-17 1137
yii2 ( PHP ) fecmall（fecshop） core code used for ecommerce shop 多语言多货币多入口的电商 B2C 商城，支持移动端vue, app, html5，微信小程序微店，微信小程序商城等。酱茄小程序版，基于WordPress的微信小程序，适用于博客小程序和新闻资讯小程序。Vue，React，微信小程序，快应用，TS , Koa, JS一把梭。微信小程序商城后台，微信小程序微店后台，接口基于FaShop。Wafer - 企业级微信小程序全栈方案。
盘点23个提高开发效率和美观性的 VSCode 插件
FRIGIDWINTER的博客
02-17 1万+
推荐23个提高开发效率和美观性的VSCode插件。
微信小程序如何制作美化一个商铺页面(内附解析)
weixin_71247694的博客
11-07 1099
微信小程序如何制作美化一个商铺页面(内附解析)
【微信小程序开发】字体样式设置
fbzhl的博客
12-03 1万+
本篇文章将介绍在设计微信小程序时，利用style和class两种方式来设置字体样式的方法。我们的目标是做出以下效果。在实现上图效果之前，首先要掌握一些基本知识。代码中使用了view组件的style和class属性来设置字体样式。其中，style是直接在标签内部进行设置，而class需要在wxss文件中定义样式类，然后在wxml中引用。（可以理解为这里编写了一个函数，而函数的具体定义需要到另一个文件当中编写）.box和.title分别是用来设置边框和标题样式的，在app.wxss中定义，是全局样式，可以在项目
vscode开发微信小程序必备插件
01-03
微信小程序代码辅助,代码片段自动完成 minapp 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets） wxapp-helper 微信小程序开发助手 生成页面/组件，页面/组件模板可配置...
微信小程序 赞赏（截图+源码）
05-13
微信小程序 赞赏（截图+源码）微信小程序 赞赏（截图+源码）微信小程序 赞赏（截图+源码）微信小程序 赞赏（截图+源码）微信小程序 赞赏（截图+源码）微信小程序 赞赏（截图+源码）微信小程序 赞赏（截图+源码）微信...
微信小程序 知乎（截图+源码）
05-13
微信小程序 知乎（截图+源码）微信小程序 知乎（截图+源码）微信小程序 知乎（截图+源码）微信小程序 知乎（截图+源码）微信小程序 知乎（截图+源码）微信小程序 知乎（截图+源码）微信小程序 知乎（截图+源码）微信...
微信小程序 猫眼（截图+源码）
05-13
微信小程序 猫眼（截图+源码）微信小程序 猫眼（截图+源码）微信小程序 猫眼（截图+源码）微信小程序 猫眼（截图+源码）微信小程序 猫眼（截图+源码）微信小程序 猫眼（截图+源码）微信小程序 猫眼（截图+源码）微信...
微信小程序 微信（截图+源码）
05-13
微信小程序 微信（截图+源码）微信小程序 微信（截图+源码）微信小程序 微信（截图+源码）微信小程序 微信（截图+源码）微信小程序 微信（截图+源码）微信小程序 微信（截图+源码）微信小程序 微信（截图+源码）微信...
微信小程序好看的个人中心界面之水波纹
weixin_40677985的博客
08-13 1万+
正如下面所示，在基本信息卡片下方会一直有水波纹在流动，很适合放在个人中心界面，效果很好 实现的基本原理：用一张水波纹的gif图片，设置为和背景图同样的色调，将水波纹设置为绝对定位，固定在下方，并且显示的优先级设置为最高，即会覆盖原来的背景图，无需用js，纯css实现，具体请看下面分享的代码 个人中心上部分的代码： 注意：我是用uni-app框架来写的，用原生的朋友请自行修改一下写法...
微信小程序的全局页面背景颜色设置只需要一行代码
学习·交流
03-22 6755
微信小程序的全局页面背景颜色设置只需要一行代码 两种方法： 方法（一）在 app.json 文件里面的 window 添加 backgroundColor。这个方法的好处是不会上拉下拉时不会漏出其他颜色。 "window": { "backgroundColor": "#008080" }, 方法（二）在 app.wxss 文件里吗添加（注意，page 的前面没有 . ）。...
微信小程序——好看的文字加输入框（文本框）
wy313622821的博客
03-02 1万+
效果图： wxml代码： <view class="view-contain-ti"> <text class="text-ti">账号</text> <input class="input1"></input> </view> wxss代码： .view-contain-ti { display: flex; height: 40px; margin: 20px; border: 3rpx soli
万能的微信小程序个人主页：商城系统个人主页、外卖系统个人主页、购票系统个人主页等等【全部源代码分享+页面效果展示+直接复制粘贴编译即可】
日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导
07-02 5190
万能的微信小程序个人主页：商城系统个人主页、外卖系统个人主页、购票系统个人主页等等【全部源代码分享+页面效果展示+直接复制粘贴编译即可】
[微信小程序]动画,从顶部掉花的效果(完整代码附效果图)
a_靖的博客
11-24 1万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文： image{ width: 100rpx; height: 100rpx; position: absolute; top: -100rpx; } 如果对您有帮助，请关注我，欢迎加入微信小程序开发交流QQ群（173683866），有问题可以加群问我获取问群里的大神！...
微信小程序——wxss模板样式
WX139216的博客
11-08 767
微信小程序——wxss样式记录
简易版 微信小程序开发之for指令、上传图片及展示效果优化
水w的博客
06-14 1381
微信小程序开发之for指令、上传图片及展示效果优化
微信小程序——加减分及显示和界面美化
Env1sage的博客
08-03 672
wxml: <view class="team"><!--队伍名显示--> <button class="edit_A" bindtap="open_close_modal_A"> <text class="group_A">{{group_name_A}}</text> </button> <button class="edit_B" bindtap="open_close_modal_B">
vscode微信小程序插件
12-08
以下是几个常用的VS Code微信小程序插件： 1. minapp：提供微信小程序标签、属性的智能补全，同时支持原生小程序、mpvue和wepy框架，并提供代码片段。 2. wxapp-helper：可以生成页面/组件，页面/组件模板可配置，同时支持wepy和mpvue框架。 3. wechat-snippet：提供微信小程序开发常用代码片段，包括页面、组件、API等。 4. vscode-wechat：提供微信小程序开发常用代码片段和API提示，同时支持wepy和mpvue框架。 5. wechat-formatter：提供微信小程序代码格式化功能，可以自动格式化代码，使其更加规范易读。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值