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

神影天初

已于 2022-12-06 21:04:30 修改

阅读量940

点赞数

分类专栏： JavaScript Node 文章标签： javascript node.js 工作流

于 2022-04-01 22:15:16 首次发布

本文链接：https://blog.csdn.net/qq_35134066/article/details/123909157

版权

这篇博客介绍了如何从零开始搭建前端工作流项目，包括创建项目、项目初始化，详细讲解了git、package.json、tsconfig.json的设置，以及prettier和eslint的安装和配置，使用lint-staged配合husky实现commit前的语法检查和格式化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

前端从零搭建工作流项目

前端从零搭建工作流项目

以下命令建议在 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