前端从零搭建简单的工作流

前端从零搭建工作流项目

以下命令建议在 git-bash 中执行。

创建项目

# mkdir [projectName]
mkdir pro-test && cd pro-test

项目初始化

git

# 初始化Git仓库
git init
# 创建 .gitignore，编辑该文件例如node_modules dist等目录
touch .gitignore
# git remote add ... 和远程仓库建立连接
# git pull 拉取最新代码

package.json

# pnpm初始化，npm和yarn基本一样
pnpm init
# 如果项目是 monorepo，创建并编辑如下文件
# touch pnpm-workspace.yaml
# monorepo下的所有命令需要添加 -w，除非是在内部运行

tsconfig.json

如果项目使用 typescript

# 安装 typescript
pnpm add -D typescript
# 初始化 tsconfig.json，并根据需要修改
pnpm tsc --init

prettier

安装 prettier 用于格式化

# 安装 prettier
pnpm add -D prettier
# 创建 .prettierrc，需要将 prettier 的配置项用json格式表示
touch .prettierrc
# 创建 .prettierignore 配置忽略格式化的文件，格式和.gitignore一样
touch .prettierignore
# lock文件不需要格式化
# *-lock.*
# 点文件不需要格式化
# .*
# 点文件中的js或cjs