mhist-cli

1.0.1 • Public • Published

说明文档

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 # 也可以指定文件夹

Package Sidebar

Install

npm i mhist-cli

Weekly Downloads

0

Version

1.0.1

License

ISC

Unpacked Size

9.91 kB

Total Files

13

Last publish

Collaborators

  • mhist