restrict-cli

快速的高性能的单页脚手架

仓库

码云

github

概述

restrict 可以帮你快速生成项目开发骨架，不同于 vue-cli，restrict 不会给你太多选择。restrict 崇尚的是【约定大于配置】的开发理念，所有的一切，都已经准备好了。你所需要做的就是——撸起袖子加油干！

定位

restrict 的定位，介于 vue-cli 这种没有明确的，比较自由的项目组织结构开发方式和 vue-element-admin 这种拿来就用，无需重头写页面代码和数据对接逻辑的项目成品之间的项目开发 脚手架。旨在提供规范度更高的【项目组织方式】和更为自由的【代码开发方式】。

声明

restrict 致力于解决中小型项目的快速开发和维护问题，不建议大型项目使用（作者没做过大型项目验证），请谨慎调研再做决定。

使用帮助

restrict --help

Usage: restrict [command] [options]

Options: -v, --version 显示 restrict 版本 -h, --help 显示帮助信息

Commands: init 创建项目和结构 dev 启动开发环境 lab 启动实验环境 build [options] 打包编译项目 new [options] 创建元素 del [options] 删除元素 format [options] 格式化元素 doctor [options] 检查元素 help [command] display help for command

初始化项目

首先，为了保险起见，请创建一个空的项目目录，比如叫做 test。进入到 test 目录下，直接通过 init 命令创建项目开发模板。

restrict init

运行项目

restrict dev

特性

• 约定俗成的项目结构和配置，尽量减少选择，提高开发效率和团队合作效率。
• 约定俗成的路由组织方式，无需进行手动路由引入，默认自动加载。
• 命令式一键生成页面和组件相关的文件，无需手动创建。
• 默认多实例ajax请求封装，满足多个接口服务器需求，横向扩展方便。
• 默认支持【可选链】和【双问号】JavaScript 特性，无需再配置。
• 默认支持模块热加载，提高开发效率，减少编译时间。
• 精心优化的webpack配置，编译项目更快，更高，更强，比vue-cli搭建同类型项目编译时间快 10 倍。
• 提供restrict.config.js开发配置文件，自由随心，满足特定需求。
• 自带编译后打包模块分析选项，可快速直观排查发布项目打包问题。
• 真*脚手架。项目只需安装vue,vue-router,vuex等项目依赖模块，无需引入 webpack babel 等开发模块，瞬间安装。
• 项目组织干净，整洁，坚决抵制乱七八糟的模块导入和配置。
• 提供开发环境和发布环境变量文件，无需手动管理开发环境和发布环境的请求地址等相关问题。
• 默认提供全局的 vuex 存储方法，一个方法，搞定所有的 vuex 数据存储问题。
• 项目模板自带浏览器存储封装，可直接在浏览器存取对象。
• 默认已配置好浏览器差异重置，无需再重置 css。
• 默认已配置 css 兼容性前缀，js 转译 ES5，放心写业务代码即可。