- 自定义命令行工具
- 一个帮助你快速搭建和开发前端项目的CLI
npm install cwz -g
cwz --version
vue项目模块已经帮你配置:
- 常用的目录结构(你可以在此基础上修改)
- vue.config.js(其中配置了别名,你可以自行修改和配置更多)
- axios(网络请求axios的安装以及二次封装)
- vue-router(router的安装和配置,另外有路由的动态加载,后面详细说明)
- vuex(vuex的安装和配置,另外有动态加载子模块,后面详细说明
- 自动拉取项目模板
- 自动安装项目依赖
- 自动打开浏览器:http://localhost:8080/
cwz create projectName
- 默认存放到src/component文件夹中
cwz addcpn componentName - 指定存放具体文件夹
cwz addcpn componentName -d src/pages/home
- 默认存放在src/pages/home/Home.vue中,并且会创建src/page/home/router.js
router.js文件是路由的其中一个配置;- 创建该文件中
src/router/index.js中会自动加载到路由的routes配置中不需要手动配置了
cwz addpage pageName - 指定存放具体文件夹
- 如果是自己配置的文件夹需要手动配置
cwz addpage pageName -d src/views
- 默认存放在src/store/modules/home/index.js和types.js
- 创建完成后,不需要手动配置,已经动态将所有子模块集成进去
cwz addstore moduleName - 指定文件夹
- 创建完成后,不需要手动配置,已经动态将所有子模块集成进去
cwz addstore moduleName -d src/vuex/modules - 命令逐步更新....