说明文档
mhist-cli:一个帮助你快速搭建和开发前端项目的cli工具
安装命令
npm install mhist-cli -g
创建项目
vue项目模块已经帮你配置:
常用的目录结构(你可以在此基础上修改) vue.config.js(其中配置了别名,你可以自行修改和配置更多) axios(网络请求axios的安装以及二次封装) vue-router(router的安装和配置,另外有路由的动态加载,后面详细说明) vuex(vuex的安装和配置,另外有动态加载子模块,后面详细说明)
创建项目
mhist-cli create your_projext_name
自动拉取项目模板,安装项目依赖,启动服务,打开浏览器。
项目功能
- 创建单独组件
- 创建vue页面,并配置路由
- 创建vuex字模块
创建vue组件
mhist-cli addcpn YourComponentName -d # 例如mhist-cli addcpn NavBar,默认会存放到src/components文件夹中
mhist-cli addcpn YourComponentName -d src/components/home # 也可以指定存放的具体文件夹
创建Vue页面,并配置路由
mhist-cli addpage YourPageName # 例如mhist-cli addpage Home,默认会放到src/pages/home/Home.vue中,并且会创建src/page/home/router.js
mhist-cli addpage YourPageName -d src/views # 也可以指定文件夹,但需要手动集成路由
创建vuex
mhist-cli addstore YourVuexChildModuleName # 例如mhist-cli addstore home,默认会放到src/store/modules/home/index.js和types.js
mhist-cli addstore YourVuexChildModuleName -d src/vuex/modules # 也可以指定文件夹