Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>vscode-doing-snippetsNew to Visual Studio Code? Get it now.
vscode-doing-snippets

vscode-doing-snippets

alison

|
36 installs
| (0) | Free
vscode snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-doing-snippets 动因体育代码片段

版本发布

version: 0.0.5

功能

功能一

1、功能一:console打印功能

  • 1.1 快捷键 windows shift+ctrl+L/mac alt+cmd+L 打印console,格式 --> console.log('%c init -> this.getList', 'color: red; background: yellow; font-size: 20px;', this.getList);
  • 1.2 快捷键 windows shift+ctrl+C/mac alt+cmd+C 注释console
  • 1.3 快捷键 windows shift+ctrl+U/mac alt+cmd+U 取消注释console
  • 1.4 快捷键 windows shift+ctrl+Q/mac alt+cmd+Q 删除console
  • 1.5 快捷键 windows shift+ctrl+R/mac alt+cmd+R 搜索代码片段

功能二

2、功能二:snippets

CSS snippets

2.1 CSS snippets
  • flex-center | display: flex; justify-content: center; align-items: center;
  • flex-column-center | display: flex; flex-direction: column; justify-content: center; align-items: center;
  • fontpx | font-size: ${1:24}px; font-weight:${2:400}; color: ${3:#343A40color: ${3:#343A40};};line-height: ${4:30}px;
  • fontrem | font-size: pxTorem(${1:24}); font-weight:${2:400}; line-height: pxTorem(${4:30});
  • padding-rem | padding: pxTorem(${1:24}) pxTorem(${2:24});
  • padding-px | padding: ${1:24}px ${2:24}px;
  • margin-rem | margin: pxTorem(${1:24}) pxTorem(${2:24});
  • margin-px | margin: ${1:24}px ${2:24}px;
  • height-rem | height: pxTorem(${1:24});
  • height-px | height: ${1:24}px;
  • width-rem | width: pxTorem(${1:24});
  • width-px | width: ${1:24}px;
  • ellipsis | overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  • rem | pxTorem(${1:})

JS snippets

2.2 JS snippets
  • if-else | if(${1:}){ \t${2:} } else { \t${3:} }
  • switch | switch ( ${1:}) { \tcase '${2:}': \t\t${3:} \t\tbreak; \tdefault: \t\t${4:} \t\tbreak;"

Vue snippets

2.3 Vue snippets
  • v-for、v-model 、v-model-num、v-on 、v-el-props、v-slot-named 、v-img、v-style 、
  • v-style-obj、v-class 、v-class-obj、v-class-obj-mult 、v-emit-child、v-emit-parent 、
  • v-anim、vnuxtl 、vroutename、vroutenameparam 、vroutepath、api.get.vue 、api.post.vue、
  • api.vue 、point.vue、function.vue 、utils.import.vue

Weapp snippets

2.4 Weapp snippets
  • api.const-wx、api.wx 、ogReport.import、logReport.wx 、
  • function.wx、logger.import 、logger.wx、Image.wx 、
  • className.wx、VButton.import 、VButton.wx、utils.import 、
  • navigateTo、navigateBack 、goRouter
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft