vite技术揭秘--模版创建

创建命令

    pnpm create vite packageName   

源码

    参数选项

        在创建模版时，是允许传递参数的

        如指定--template后，就不需要在弹出用户下拉选择了

    创建

        promps定义的数组会在命令行中依次执行，并收集结果

        此时我们已经知道用户选择的模版类型，以及定义的文件名称等内容，此时根据目标目录进行新建或清空

        接着做读写操作，即从模板中读取文件复制到目标文件中

        这显然是一次递归行为

        其中，模版是由vite内置的

        最后，根据你使用的包类型输出提示信息

node相关包

    minimist：命令行参数解析

    prompts：创建交互式命令行

    kolorist：命令行着色

node相关api

    path.basename()：返回路径中的最后一部分

    path.resolve()：返回绝对路径，到当前目录

    process.cwd()：获取 Node.js 进程的当前工作目录

    path.join()：路径拼接

    fs.existsSync()：判断目录是否存在

    fs.readdirSync()：读取目录下文件

    fs.rmSync()：删除文件

    fs.mkdirSync()：创建目录

    import.meta.url：返回当前模块的 URL 路径，node中返回file:URL协议的字符串

    process.env.npm_config_user_agent：获取当前执行的是包管理器的名称和版本

    fileURLToPath()：解析file:URL协议，跨平台

    fs.copyFileSync()：复制文件

    fs.statSync()：获取文件解析对象