自建前端脚手架准备工作(1)---脚手架学习阶段

98 阅读1分钟

自己动手搭建脚手架之前,先去学习一些比较常见的脚手架工具

一、create-react-app使用

  1. 使用官网有,先从最简单的讲起
npx create-react-app my-app

npx执行:先找本地create-react-app命令,没有去npm源下载到缓存,再执行。create-react-app下载的就是对应github上这里的仓库,该仓库用的lerna管理,命令最终执行的代码就是这里的这个脚本

image.png

  1. 脚本执行内容简介:

image.png

二、create-vite使用

  1. 命令的使用
npm create vite@latest my-vue-app -- --template vue

npm create执行步骤看这里,简单总结:npm create是npm init别名,npm create vite回去执行create-vite的脚本。

  1. create-vite脚本执行内容简介同样可以看这里

三、个人脚手架搭建流程

  1. 搭建脚手架脚本项目:地址