Description
通过vscode插件,提升开发效率。
主要功能:
- 路径补全提示
- 代码片段提示
- 粘贴figam样式自动格式化&svg属性自动变成css属性(支持配置 momo-svg-to-css.attributeMappings)
- 侧边栏图标,开发文档快速跳转
- 底部状态栏,Fep、Git、Wqp快速跳转
- 生成多页面应用页面地址文件
- 本地文件模版
- 数字自动显示千分符
- fec组件库组件hover,提供快速打开文档按钮
@路径补全
![MoMo](https://s.momocdn.com/s1/u/hicbfbiih/vscode/path.gif)
粘贴figam样式自动格式化
mac系统使用 "cmd+alt+v",window系统使用 "ctrl+alt+v"
![MoMo](https://s.momocdn.com/s1/u/baeejjdfhh/show/svg2cssOnPaste.gif)
侧边栏图标开发文档
![MoMo](https://s.momocdn.com/s1/u/baeejjdfhh/vscode-sidebar.png)
底部状态栏 快速跳转
![MoMo](https://s.momocdn.com/s1/u/hicbfbiih/vscode/1720584316851.jpg)
生成多页面应用页面地址文件
![MoMo](https://s.momocdn.com/s1/u/baeejjdfhh/vscode-pages.gif)
本地文件模版:
需要settings.json中配置自己的模版路径 例如: "templateManager.templateFolderPath":"/Users/xxx/templateFile"
![MoMo](https://s.momocdn.com/s1/u/hicbfbiih/vscode/localFileTemplate.gif)
数字自动显示千分符
![MoMo](https://s.momocdn.com/s1/u/baeejjdfhh/show/thousandSeparatorDecoration.jpg)
fec组件库组件hove
![MoMo](https://s.momocdn.com/s1/u/baeejjdfhh/show/fec-hover.gif)
代码片段
Vue
Snippet |
Purpose |
vue |
momo vue3 setup Composition API |
vue2-js |
momo vue2 js |
vue2-ts |
momo vue2 ts |
vcomp |
momo vue3 component |
Template
Snippet |
Purpose |
vfor |
momo Vue v-for |
vslot-named |
momo Vue Slot |
vstyle |
momo Vue Style |
vclass |
momo Vue Class |
vclass-obj |
momo Vue Class Object |
vanim |
momo Vue Transition |
vroute |
momo Vue Routing Link |
vemit-child |
momo Vue Emit |
Vue Composition API
Snippet |
Purpose |
ref |
momo Composition Ref |
reactive |
momo Composition reactive |
computed |
momo Composition computed |
props |
momo Composition props |
props |
momo Composition Default Props |
emit |
momo Composition emit |
expose |
momo Composition expose |
watch |
momo Composition watcher |
watcheffect |
momo Composition watcheffect |
onmounted |
momo Vue onMounted |
onbeforemount |
momo Vue onBeforeMount |
onbeforeupdate |
momo Vue (beforeDestroy) onBeforeUpdate |
onupdated |
momo Vue (beforeDestroy) onUpdated |
onerrorcaptured |
momo Vue onErrorCaptured |
onunmounted |
momo Vue onUnmounted |
onbeforeunmount |
momo Vue onBeforeUnmount |
Vue Pinia
Snippet |
Purpose |
pinia |
momo Composition Pinia |
pinia |
momo Options Pinia |
Mock
Snippet |
Purpose |
mock-rankList |
momo mock rankList |
mock-table |
momo mock table |
Scss/Css
Snippet |
Purpose |
vcss-background |
momo background image" |
vcss-body-background |
momo body background image |
Vuex
Snippet |
Purpose |
vuex-module |
momo Vuex Module |
vuex-use |
momo Vuex use |
推荐插件
[SCSS IntelliSense]
Todo
- [x] 样式按html结构提示
- [x] 代码片段自动引入vue相关函数
| |