简介
generator-wsu-fais-vs15 是一个基于 Yeoman Generator 的前端脚手架,主要用于快速创建 Web 应用、组件库等项目并提供一系列约束、最佳实践及目录结构,适用于适合于中大型前端项目的多人协同开发。
安装
确保已经安装了 Node.js 和 npm。
--- ------- -- -- -----------------------
以上命令将全局安装 generator-wsu-fais-vs15。
使用
在命令行执行:
-- -------------
根据提示输入项目信息,等待脚手架生成项目结构和配置文件。
目录结构
- --- ---- ------- --- --- ---- - --- ----- ---- - --- --- ---- - --- -- ------------ - --- ---- ------ - --- ------ ------ - --- ---------- --- ----- ---- - --- --- ---------- - --- ---- ------ - --- -------- ---- ----- --- ------------- --- ---------- --- ------------ --- --------- --- -----------------
功能特性
- 支持 webpack、babel、eslint、postcss 等主流的前端构建工具
- 支持 SCSS 预处理器
- 封装了对 axios 和 mock 的统一配置
- 集成了 jest 测试工具,自带单元测试和端到端测试相关配置
- 内置 gulp 工具,方便快捷的实现构建和部署
- 集成了 stylelint、snyk 等工具以提升代码质量和安全性
示例代码
使用 axios 发送 post 请求
------ ----- ---- -------- -------------------- - --------- ------ --------- ----- -- -------------- ---------- - ---------------------- -- --------------- ------- - ------------------- ---
使用 jest 进行单元测试
------ --- ---- -------- ---------- - - - -- ----- --- -- -- - ------------- ------------ ---
总结
generator-wsu-fais-vs15 是一个相对成熟、功能齐全的前端脚手架,使用上非常方便,简化了开发流程中的很多琐碎操作,为开发者节省了很多时间。在项目开发过程中,能够极大的提高项目的规范化和可维护性,因此在实际开发中极具指导和应用价值。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005664481e8991b448e256d