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