【发布】ddd 工程脚手架 + 一键安装分布式技术栈环境!-编程思维

作者:小傅哥 博客:https://bugstack.cn 沉淀、分享、成长,让自己和他人都能有所收获!😄 大家好,我是技术UP主小傅哥。 写了那么多案例工程,开发了那么多技术项目。那小傅哥做的这些案例和项目是每一个都要手动创建一遍吗?🤔 如果不是一个个都手动创建,那么有什么提效工具吗? 不用,根本不用。因为小傅哥有一套神器! 对于 DDD 项目的多模块化工程搭建,其实真的是一

【实践篇】ddd脚手架及编码规范-编程思维

一、背景介绍 我们团队一直在持续推进业务系统的体系化治理工作,在这个过程中我们沉淀了自己的DDD脚手架项目。脚手架项目是体系化治理过程中比较重要的一环,它的作用有两点: (1)可以对新建的项目进行统一的规范; (2)对于指导老项目进行DDD的改造提供指导。 本文主要是梳理和总结了DDD脚手架使用中的编码规范以及遇到的问题。 二、脚手架的理论基础 DDD相关的应用架构有很多种,比如四层架构,洋葱架

使用 typescript 快速开发一个 cli-编程思维

cli 的全称 command-line interface(命令行界面),也就是前端同学常用的脚手架,比如 yo、vue cli、react cli 等。 cli 可以方便我们快速创建项目,下图是引用 vue cli 的介绍: 创建项目 运行下面的命令,创建一个项目: npm init 执行命令完成后,可以看到项目根目录只有一个 package.json 文件。 在 package.js

从0搭建vue3组件库(十):如何搭建一个 cli 脚手架-编程思维

本篇文章将实现一个名为create-easyest脚手架的开发,只需一个命令npm init easyest就可以将整个组件库开发框架拉到本地。 创建 Cli 包 首先,我们在 packages 目录下新建 cli 目录,同执行pnpm init进行初始化,然后将包名改为create-easyest 这里需要知道的是当我们执行npm init xxx或者npm create xxx的时候,实际

从 0 到 1 搭建自己的脚手架(java 后端)-编程思维

一、脚手架是什么 脚手架是一种基础设施工具,用于快速生成项目的框架代码和文件结构。它是一种标准化的开发工具,使开发人员能够在项目的早期阶段快速搭建出一个具备基本功能和结构的系统。 二、脚手架的意义 主流的微服务架构体系下很多公司会将原有的单体架构或者繁重的微服务进行拆分。这个时候按照模块(商品、订单、用户、库存、优惠、搜索、管理后台..)、按照领域驱动设计(投保、理赔、支付、保单管理)等进行拆分

用 webpack 玩转博客园 ⛷-编程思维

前置 自定义博客园样式需要一下几部分 页面定制 CSS 代码 博客侧边栏公告(支持 HTML 代码) (支持 JS 代码) 页首 HTML 代码 页脚 HTML 代码 你可能不熟悉 页首 HTML 代码 ,可以在此处放入一个 loading,因为页面加载时会最先加载这部分。总之,页面定制 CSS 代码 和 博客侧边栏公告(支持 HTML 代码) (支持 JS 代码) 是最重要的两部分。 方式

vue3 企业级优雅实战-编程思维

上文搭建了组件库 cli 的基础架子,实现了创建组件时的用户交互,但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数,该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。(友情提示:本文内容较多,如果你能耐心看完、写完,一定会有提升) 1 创建工具类 在实现 cli 的过程

vue3 企业级优雅实战_组件库框架_6 搭建example环境_程序员优雅哥(\/同)-编程思维

该系列已更新文章: 分享一个实用的 vite + vue3 组件库脚手架工具,提升开发效率 开箱即用 yyg-cli 脚手架:快速创建 vue3 组件库和vue3 全家桶项目 Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo Vue3 企业级优雅实战 - 组件库框架 - 2 初始化 workspace-root Vue3 企业级优雅实战 - 组件库框架 - 3

vue3 企业级优雅实战_组件库框架_1 搭建 pnpm monorepo_程序员优雅哥(\/同)-编程思维

前两篇文章分享了基于 vite3 vue3 的组件库基础工程 vue3-component-library-archetype 和用于快速创建该工程的工具 yyg-cli,但在中大型的企业级项目中,通常会自主搭建这些脚手架或加速器。优雅哥希望每位前端伙伴能知其所以然,故接下来的文章将进入 Vue3 企业级优雅实战 系列,整个系列将包括五大部分: 首先会分享如何从 0 开始搭建一套组件库基础工程

前端脚手架开发入门 - 编程思维

背景脚手架是一个通用开发工具,之前自己写一下原生web工程时总是需要重复搭建开发环境、重复写几乎相同的配置文件。为了避免每次的重复工作,统一开发环境、规范,于是想到自己写一个脚手架用用,顺便记录一下。目前个人习惯基于当前主流的webpack打包工具开发项目,所以此脚手架是基于webpack5开发的。概览本文我们先实现作为脚手架最基本的功能:输入命令 创建统一的模板项目开发依赖开发一个的脚手架,你至

开箱即用 yyg-cli(脚手架工具):快速创建 vue3 组件库和vue3 全家桶项目_程序员优雅哥(\/同)-编程思维

1 yyg-cli 是什么 yyg-cli 是优雅哥开发的快速创建 vue3 项目的脚手架。在 npm 上发布了两个月,11月1日进行了大升级,发布 1.1.0 版本:支持创建 vue3 全家桶项目和 vue3 组件库项目。具体如下: vue3 全家桶项目 使用 yyg-cli 创建的 vue3 全家桶项目,底层基于优雅哥编写的开源项目 vue3-vite-archetype,默认整合如下库:

一个实用的 vite + vue3 组件库脚手架工具,提升开发效率_程序员优雅哥(\/同)-编程思维

无论是 vue2 全家桶还是 vue3 + vite + TypeScript,组件库的使用几乎大家都会,但自己开发一个独立组件库就不是每个人都掌握的,因为搭建组件库的基础开发环境,就会让很多同学望而却步。一个组件库应该至少要包括三个方面: 组件库的开发和打包; 组件库文档的开发和打包; 命令行工具 cli 快速创建新组件。 这几天 程序员优雅哥 搭建了一个组件库的基础脚手架: vue3-c

yazi 前端脚手架 - 编程思维

前端自动化工程 Installation sudo npm install -g yazi Getting To Know yazi 初始化前端脚手架 init yazi mb init yazi pc init 生成前端项目脚手架,脚手架目录: [test-613] | -- package.json | -- [src] | | -- [images] |

vue脚手架的简单使用 - 编程思维

提前申明 注意:自己对vue脚手架的理解和认识,很多东西和理解都是形象上的手法,并不专业和官方 webpack 一种项目构建工具,可以将css和js压缩成一个文件。此外,可以提供测试用服务器。使用webpack时,可以配置一些默认扩展名 和 路径别名 来在项目文件里直接使用 导入和导出 使用export命令可以将一个JS对象导出,其他JS文件可以使用import 对象名 from 路径的形式导入

vee-cli脚手架实践(上) - 编程思维

前言 随着前端的发展,工程化已经成为每一个前端都应该重视和熟悉的方面,而作为工程化之一的脚手架更是在日常开发中起到了十分重要的作用,而能够根据业务和项目需要为自己的前端团队打造个性化的属于自己团队的脚手架也会成为工程师项目简历中的一道亮点,本文主要是借鉴vue-cli脚手架的源码,练习自己搭建脚手架过程中遇到的问题及自己的思考。(ps: 一款成熟的脚手架通常要包括以下功能:1、命令行;2、模板

vee-cli脚手架实践(中) - 编程思维

前言 书接上回 vee-cli脚手架实践(上) 上回主要介绍了脚本命令的一些分发配置,本篇主要在于介绍创建文件的模板拉取、拷贝,主要是create.js下的具体逻辑 模板拉取 依赖包 [包目录结构] axios (发送请求,promise封装) ora (等待loading) inquirer (询问选择命令) download-git-repo (从github上拉取仓库) ncp (拷

vee-cli脚手架实践(下) - 编程思维

前言 书接上回 vee-cli脚手架实践(中) 上回主要介绍了create.js脚本的模板选择与拉取,本篇旨在讲述选择对应模板后编译以及最后的npm发包 模板编译 依赖包 [包目录结构] metalsmith (用于遍历文件夹,判断是否需要进行模板渲染) consolidate (统一所有的模板引擎) [目录描述] 对于有模板引擎渲染的仓库,一般会有一个ask.js, module.ex

plop —— 小而美的脚手架工具 - 编程思维

目录Plop介绍Plop的具体使用具体步骤总结Plop介绍主要用于创建项目中特定文件类型的小工具,类似于Yeoman中的sub generator,一般不会独立使用。一般会把Plop集成到项目中,用来自动化的创建同类型的项目文件。plop-npmplop-githubPlop的具体使用具体步骤新建目录,初始化npm init -y,安装Plopnpm install -g plop在目录下创建pl

emp 梳理记录 - 编程思维

本文章主要记录emp的使用过程,包含一下知识点:脚手架搭建lerna 基本使用方法NPM包发布WebPack 知识点准备工作安装lerna:npm install --global lerna克隆emp:git clone https://github.com/efoxTeam/emp.git安装依赖包:cd emp && lerna bootstrap修改记录全局搜索 - 替换为

前端脚手架工具-使用 plop 快速构建项目文件 - 编程思维

概念前端脚手架工具用于快速创建项目的基础结构,提供了项目规范与约定。典型的前端脚手架工具包含 Yeoman、Plop 等。Vue Cli 与 Create React App 亦包含了脚手架功能。Yeoman 是一个通用型的脚手架工具,一般用于一次创建整个项目。Plop 是一个小型脚手架工具,用于快速创建项目中的特定文件。每次有新需求,需要添加新的一套页面时,都需要做一些重复的、繁琐的复制、粘贴及