Task: Presets in doctors

BoyYangzai commented 1 year ago

core 提供插件api 功能扩展能力 + features

类比 flutter father doctors bigfish 字节内部基建
[ ] 🆕 Doctor website
- 搭建官方文档 ✅ @BoyYangzai 文档链接
- 设计一个符合框架主题思想的 logo @CoderSerio
- 官方文档的编写以及各种细节的调整
[ ] 完善 @doctors/core 抽象出更加优雅简便的 Presets 开发功能 @BoyYangzai
- 抽离出 generatePreset 用于一键生成 command 生命周期以及加入 Joi 验证的 schema ✅
- 完善 Presets 开发边缘 case,如 TSConfig 生成 @SnowingFox
- 提供 meta 元数据能力 ✅ @BoyYangzai
[ ] @doctors/webtools feature 开发 @ChelesteWang @aaaaa-pi @CoderSerio @ChickenTreasure @wanyue01 @TOBYhhw @bcyangxu @wuyifan6688 @233333-doge @wsmhzxx @jianyi-cai @liudicheng0908 @floatGray @ zhangmingyuan666
- nodeVersion ✅
- Chrome ✅
- ... #29
- Vscode 插件列表: - https://github.com/FE-Struggler/doctor/pull/7
- ...
[ ] create-doctor 快速生成一个开发 doctor preset 模板的 cli - 参考模板 @doctors/webtools antv脚手架 @CoderSerio @HCYETY @yetToBeTested @adonishuang @yixiaojiu @Ykkwen @liliphoenix @shiqifriend @MiJiaCoding @vacshuwang @szmsxm @etheral12138 @deerrrrr @xzch-124 @Jomorx @hangangan @Evan-WH - https://github.com/FE-Struggler/doctor/pull/16

面向普通项目配置的: tips：建议选用当下最火的 common 类脚手架配置做参考

[ ] @doctors/npm-pkg rules 参考 father @cjhw @MiJiaCoding @leslieCHUENGT @hangangan - https://github.com/FE-Struggler/doctor/pull/12 - https://github.com/FE-Struggler/doctor/pull/21
[ ] @doctors/eslint elsint 必备字段是否正确配置是否已经是 eslint+prettier 最佳实践王心圆的 eslint 实践 @1584965284 @qiushui7 - https://github.com/FE-Struggler/doctor/pull/20
[ ] @doctors/vue2 围绕 vue2 整个生态来做如常用 vscode 插件/webpack 插件/第三方库 - vue2 等
[ ] @doctors/vue3 围绕 vue3 整个生态来做如常用 vscode 插件/webpack 插件/第三方库 - vue3 等 @RicardoErii
[ ] @doctors/react
[ ] @doctors/rn rules 参考 https://juejin.cn/post/6844903976882683917
[ ] @doctors/uniapp rules 参考同上
[ ] @doctors/webpack-config 可以加入对于常用 plugin 的功能检测如 babel-plugin-import 可以检测是否开启 style等
[ ] @doctors/vite-config

💡最好能给抽象出来一层 @doctors/common-app(包含 @doctors/eslint 幽灵依赖检测等) 的预设

面向企业级项目配置的: 与其配置紧密相关的

[ ] @doctors/nextjs
[ ] @doctors/nuxtjs
[x] @doctors/umi => @doctors/bigfish 这个是举例蚂蚁内部已经有 bigfish 的 doctor 了

可扩展类：

[ ] @doctors/bundle 可与 @doctors/webpack-config 抽象不建议加入 bundle 的过程这样需要强依赖打包工具的插件
- bundle size 分析
- bundle less 的建议如 treeshaking 配置以及收否生效检测有无异常的 treeshakjing 未成功等

Others:

[ ] 新增 examples/ 目录
- examples/npm-package => npm 类库开发模板
- examples/vue2+webpack => @doctors/vue2 + @doctors/webpack-config => 抽象出 @doctors/vue2-webpack
- examples/vue3+vite => @doctors/vue3 + @doctors/vite-config => 抽象出 @doctors/vue3-vite
- examples/react+webpack => @doctors/react + @doctors/webpack-config => 抽象出 @doctors/react-webpack
- examples/react+vite => @doctors/react + @doctors/vite-config => 抽象出 @doctors/react-vite
[ ] #27
- 参考 astro https://github.com/withastro/cli-kit @CoderSerio

WindRunnerMax commented 1 year ago

浇我啊

CoderSerio commented 1 year ago

带带我

ChelesteWang commented 1 year ago

带带我

djjhelloworld commented 1 year ago

洋哥c我

ChelesteWang commented 1 year ago

NodeJS 检测 VSCode 是否安装

const os = require('os');
const { exec } = require('child_process');

if (os.platform() === 'win32' || os.platform() === 'darwin' || os.platform() === 'linux') {
  exec('code --version', (error, stdout, stderr) => {
    if (error) {
      console.error(`执行命令出错: ${error}`);
      return;
    }
    if (stderr) {
      console.error(`命令输出错误: ${stderr}`);
      return;
    }
    if (stdout.includes('1.')) {
      console.log('VS Code已安装');
    } else {
      console.log('VS Code未安装');
    }
  });
} else {
  console.log('不支持的操作系统');
}