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

sti-snippets

energy

|
70 installs
| (0) | Free
Snippets that will supercharge your workflow
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Sti-Snippets

Sti-Snippets是为 sti-components 打造的代码插件,目标是加速代码开发。

插件市场安装

VSCode 插件市场搜索 sti-snippets 进行安装。

本地安装

  • 下载 sti-snippets的VSIX本地安装包;
  • 打开VS Code点击左侧扩展按钮中三个点的更多选项,“从VSIX中安装..”,选取相应VSIX本地安装包;
  • 安装成功

使用方法

  • 在vue的模板中或者HTML模板中, 输入sti 前缀即可看到相应的代码片段,使用Tab键,促使光标跳转到填写的参数位置。

    May-07-2022 15-47-44.gif

  • 在JavaScript/TypeScript中可以使用的一些快捷代码片段。

    • 普通log -- 输入 cl

    May-07-2022 15-58-17.gif

    • 普通蓝色log -- 输入 clc

    May-07-2022 15-52-49.gif

    • 运用最近一次剪贴板上内容填充的蓝色log -- 复制所需变量后,输入 clcc

    May-07-2022 16-03-50.gif

    • 快速导入组件 -- 输入 imp

    May-07-2022 16-10-43.gif

    • 快速导入方法 -- 输入 impb

    May-07-2022 16-12-52.gif

    • 快速使用const let debugger return
      • const --输入 co
      • let --输入 l
      • debugger 语句 --输入 d
      • return 语句 --输入 r

    May-07-2022 16-17-42.gif

    • 快速查看当前文件路径 --输入 ff

    May-07-2022 16-19-23.gif


Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft