Webpack 项目配置指南

Webpack 项目配置指南

这份指南涵盖了使用 Webpack、ESLint 和 Prettier 进行项目设置的步骤,并提供了一些注意事项。

ESLint 和 Prettier 配置

  1. 安装 ESLint 和 Prettier VSCode 扩展。
  2. 在 VSCode 设置中启用 format on save 并将默认格式化工具设置为 prettier。这将确保每次保存文件时代码格式都会自动调整。

项目初始化

  1. 打开新的项目文件夹。
  2. 使用 npm 初始化项目:npm init -y
  3. 安装依赖:npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node

Airbnb 样式指南

  1. 尝试安装 Airbnb 样式指南配置:npx install-peerdeps --dev eslint-config-airbnb
  2. 如果上述命令无效,在 Mac/Linux 系统中尝试:sudo npx install-peerdeps --dev eslint-config-airbnb
zip 文件大小:239.64KB