Description
通过vscode插件，提升开发效率。
主要功能：
- 路径补全提示
- 代码片段提示
- 粘贴figma样式自动格式化&svg属性自动变成css属性（支持配置 momo-svg-to-css.attributeMappings）
- 🔐侧边栏图标，开发文档快速跳转
- 🔐底部状态栏，Fep、Git、Wqp、模版页面快速跳转
- 🔐生成多页面应用页面地址文件
- 本地文件模版
- 数字选中显示千分符
- 🔐fec组件库组件hover，提供快速打开文档按钮
- 🔐单图片压缩/文件内图片压缩， 使用tinypng
- 🔐图片上传cdn，使用公司的cdn服务。例子：https://img.momocdn.com/vscodeimg/21/7A/217AB02A-5D1E-BB44-D8D1-431FDB462A1620241210.png
- 活动条帧文件自动生成，需要符合活动条开发规范 **/live[Bb]ar/frames/*.vue 才会自动生成，可通过配置 momo-live-bar-frame.templateArray 来修改模板
部分功能加权限 🔐，只有能访问陌陌git服务的网络环境，功能才可用
@路径补全
粘贴figam样式自动格式化
mac系统使用 "cmd+alt+v",window系统使用 "ctrl+alt+v"
侧边栏图标开发文档
底部状态栏 快速跳转
生成多页面应用页面地址文件
本地文件模版：
需要settings.json中配置自己的模版路径 例如： "templateManager.templateFolderPath":"/Users/xxx/templateFile"
数字选中显示千分符
fec组件库组件hove
代码片段
Vue
| Snippet |
Purpose |
vue |
momo vue3 setup Composition API |
vue2-js |
momo vue2 js |
vue2-ts |
momo vue2 ts |
vcomp |
momo vue3 component |
vcover |
momo vue3 活动条封面代码片段 |
vframe |
momo vue3 活动条帧代码片段 |
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 |
mrank |
momo mock rank |
mphoto |
momo mock photo |
Scss/Css
| Snippet |
Purpose |
vcss-background |
momo background image" |
vcss-body-background |
momo body background image |
vcss-text-ellipsis |
momo text text-ellipsis |
Vuex
| Snippet |
Purpose |
vuex-module |
momo Vuex Module |
vuex-use |
momo Vuex use |
推荐插件
[SCSS IntelliSense]
Todo
- [x] 样式按html结构提示
- [x] 代码片段自动引入vue相关函数
| |
