##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 也是这样
| |
