fzb v1.0.2

脚手架说明文档：fzb

不知道以什么名字就以自己名字首字母吧

fzb 是一款工具可以帮助我们在开发前端项目时，快速完成一些重复性的工作。

安装脚手架

全局安装： npm install fzb -g 局部安装： npm install fzb

使用脚手架

创建项目

目前只学习了 Vue，脚手架也只支持到 Vue

Vue 项目使用 fzb 脚手架来搭建，做好的配置：

• 目录结构
• vue.config.js （目前只起了别名）
• axios (网络请求 axios 的安装以及二次封装)
• vue-router (router 的安装和配置，另外有路由的动态加载)
• vuex (vuex 的安装和配置，另外有动态加载子模块)

命令：

fzb create project_name

项目开发

• 创建 Vue 组件
• 创建 Vue 页面，并配置路由
• 创建 Vuex 子模块

创建 Vue 组件

必须传入组件的名字，组件文件默认放在 src/components 下，-d 可以手动指定文件路径

fzb cpn component_name

fzb cpn component_name -d src/page/about

创建 Vue 页面，并配置路由

必须传入页面的名称和对应路由的 path ，页面文件默认放在 src/page 也可以-d 手动指定，路由文件默认放在 src/router 文件夹下

fzb page page_name /main/home

fzb page page_name /main/home -d

创建 vuex_module

必须传入 module 名称 ，文件默认放在 src/store/也可以-d 手动指定

fzb store module_name

fzb store module_name -d src/store