##Forchange Plugin for portable frontend template
插件诞生背景
- 新手在刚开始使用 TS + Vue/React 框架开发时很容易忽略模板上的一写细节问题,踩到一些莫名的坑
- 每次新建文件都要自己手敲模板
插件主要解决问题
- 避免新手在模板上踩坑
- 避免重复手敲模板,提高开发效率
插件目录
项目基础模板 —— 推荐新手使用
匹配前缀目录
匹配前缀 |
模板 |
fvj |
vue js |
fvt |
vue ts |
frtb |
react 普通类组件 |
frtp |
react 纯类组件 |
frtf |
react 函数式组件 |
ts-props |
vue ts-props |
ts-watch |
vue ts-watch |
ts-state |
vue ts-state |
ts-action |
vue ts-action |
ts-mutation |
vue ts-mutation |
主要前缀命名说明
- fvj -> Forchange Vue Javascript
- fvt -> Forchange Vue Typescript
- frtb -> Forchange React Typescript Base-component
- frtp -> Forchange React Typescript Pure-component
- frtf -> Forchange React Typescript Function-component
项目进阶模板 —— 不推荐新手使用
匹配前缀目录
匹配前缀 |
模板 |
fvxa |
vuex-action |
fvxm |
vuex-mutation |
fvxg |
vuex-getters |
fvxb |
vuex-base |
frx |
redux |
frxa |
redux-action |
frxr |
redux-reducer |
主要前缀命名说明
- fvxa ——> Forchange Vuex Action
- fvxm ——> Forchange Vuex Mutation
- fvxg ——> Forchange Vuex Getters
- fvxb ——> Forchange Vuex Base
- frx ——> Forchange Redux
- frxa ——> Forchange Redux Action
- frxr ——> Forchange Redux Reducer
如何使用该插件
- 安装插件
- 新建.vue 文件 在文件中键入 fvj,看到‘fvj Base for Vue-JavaScript File (fos convenient p... ’ 提示回车,文中会自动生成模板;同理 fvt,frtb,frtp,frtf 也是这样
| |