2022-06-22 06:48:58 +00:00
|
|
|
|
::: title Visual Studio Code 插件
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
::: describe layui-vue-helper 是 layui-vue 的开发增强工具，提供代码片段，自动补全，悬浮提示功能
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
::: title 安装
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
::: describe 在 Visual Studio Code 内置或网页版扩展市场搜索 layui-vue-helper，点击安装即可，插件会在 Vue 和 HTML 文件中自动激活
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
::: title 自动补全
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
> 按 `Ctrl+Space` (Windows, Linux) 或 `Cmd+Space` (macOS) 查看自动补全列表，目前只支持属性和事件补全
|
|
|
|
|
|
|
|
|
|
|
|
> 支持 Vue 和 HTML 文件
|
|
|
|
|
|
|
|
|
|
|
|
> 
|
|
|
|
|
|
|
|
|
|
|
|
::: title 文档悬停提示
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
> 移动光标到 layui-vue 的 tag 或 prop，显示悬浮文档。
|
|
|
|
|
|
|
|
|
|
|
|
> 
|
|
|
|
|
|
|
|
|
|
|
|
::: title 代码片段
|
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
|
|
> 输入片段触发词，按 `Tab` 切换预设输入点
|
|
|
|
|
|
|
|
|
|
|
|
> 
|
|
|
|
|
|
|
|
|
|
|
|
> **其它代码片段的触发词和 layui-vue 组件名一致**
|
|
|
|
|
|
|
|
|
|
|
|
::: table
|
|
|
|
|
|
|
|
|
|
|
|
| Trigger Key | Describe |
|
|
|
|
|
|
|-------------|-------------------------|
|
|
|
|
|
|
| layer-open | layer-vue 弹层 open()方法|
|
|
|
|
|
|
| layer-load | layer-vue 弹层 load()方法|
|
|
|
|
|
|
| layer-confirm| layer-vue 弹层 confirm()方法|
|
|
|
|
|
|
| layer-msg | layer-vue 弹层 msg()方法|
|
|
|
|
|
|
| layer-drawer| layer-vue 弹层 drawer()方法|
|
|
|
|
|
|
| lay-cdn | layui-vue CDN |
|
|
|
|
|
|
| lay-cdn-es | layui-vue ES Module CDN |
|
|
|
|
|
|
| lay-cdn-css | layui-vue css CDN |
|
|
|
|
|
|
| v-cdn | Vue 3 CDN |
|
|
|
|
|
|
| v-cdn-es | Vue 3 ES Module CDN |
|
|
|
|
|
|
| !v | Vue setup 传统模板 |
|
|
|
|
|
|
| !vs | Vue setup 语法糖模板 |
|
|
|
|
|
|
| !lay-html | layui-vue-html 模板 |
|
|
|
|
|
|
| !lay-html-es| layui-vue-html ES Module 模板 |
|
|
|
|
|
|
|
|
|
|
|
|
:::
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.markdown-body blockquote img{
|
|
|
|
|
|
width: 650px;
|
|
|
|
|
|
height: 400px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.markdown-body table{
|
|
|
|
|
|
margin-left: 35px;
|
|
|
|
|
|
width: 650px;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
