vscode常用插件


提示:编辑器只是个人爱好,不存在褒谁贬谁,自己习惯即可。

微信小程序

1、minapp

在这里插入图片描述
微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets), 需要输入<才会触发标签补全,输入空格会触发对应标签的属性补全。

2、wechat-snippet

微信小程序代码辅助,代码片段自动完成
在这里插入图片描述

3、wxapp-helper

选择创建wx组件,自动生成配套的文件

在这里插入图片描述

4、easy-less

在这里插入图片描述

将less编译成wxss()

添加以下配置到你的vs code的设置中

"less.compile": {
	 "outExt": ".wxss"
},

打开设置,快捷键Ctrl + ,
设置->右上打开设置json
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

css tree

写less更快
在这里插入图片描述
Ctrl + Shift + P
在这里插入图片描述
我一般 Ctrl + H 去掉view
在这里插入图片描述
复制到less文件里面
在这里插入图片描述

5、Prettier - Code formatter 格式化代码

默认Shift+Alt +F 格式化
在这里插入图片描述

保存时格式化

"editor.formatOnSave": true,

设置->右上打开设置json
在这里插入图片描述

uni-app

1、Vetur

vue文件语法高亮

2、Vue VSCode Snippets

vue的快捷输入 如 输入 “v-data” 。

php Laravel

1、PHP Intelephense

在这里插入图片描述

其他

1、VS Code 显示中文

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

2、图标主题

Material Icon Theme

3、Bracket Pair Colorizer

各种结对的括号兄弟们提供了颜色高亮

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值