0
点赞
收藏
分享

微信扫一扫

vscode常用插件

飞进科技 2022-03-27 阅读 50

文章目录


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

微信小程序

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” 。

其他

1、VS Code 显示中文

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

2、图标主题

Material Icon Theme

3、Bracket Pair Colorizer

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

举报

相关推荐

0 条评论