安装依赖包

项目初始化

pnpm init

• 修改 package.json 文件

{
  "name": "tscomponents",
  "version": "1.0.0",
  "description": "",
  "type": "module",
  "main": "index.js",
  "scripts": {
    "build": "turbo run build",
    "doc:dev": "pnpm --filter @fang-common/docs dev",
    "format:all": "turbo run format",
    "lint:all": "turbo run lint ",
    "lint:fixall": "turbo run lint:fix ",
    "clean": "turbo run clean",
    "clean:cache": "rimraf .turbo node_modules/.cache",
    "prepare": "husky install",
    "commit": "git-cz",
    "lint:prettier": "prettier --write \"**/*.{js,ts,mjs,cjs,json,tsx,css,less,scss,vue,html,md}\""
  },
  "lint-staged": {
    "**/*.{js.mjs,cjs,vue}": "eslint --fix",
    "*.{js,mjs,cjs,vue,json,css,less,scss,vue,html,md}": "prettier --write"
  },
  "config": {
    "commitizen": {
      "path": "node_modules/cz-git"
    }
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "packageManager": "pnpm@10.15.1",
  "devDependencies": {
    "@commitlint/cli": "^20.3.1",
    "@commitlint/config-conventional": "^20.3.1",
    "@eslint/js": "^9.39.2",
    "@types/node": "^25.1.0",
    "@typescript-eslint/eslint-plugin": "^8.54.0",
    "@typescript-eslint/parser": "^8.54.0",
    "@vitejs/plugin-vue": "^6.0.3",
    "commitizen": "^4.3.1",
    "cz-git": "^1.12.0",
    "eslint": "^9.39.2",
    "eslint-config-prettier": "^10.1.8",
    "eslint-plugin-vue": "^10.7.0",
    "husky": "^8.0.3",
    "lint-staged": "^16.2.7",
    "postcss-html": "^1.8.1",
    "postcss-scss": "^4.0.9",
    "prettier": "^3.8.1",
    "rimraf": "^6.1.2",
    "sass": "^1.97.3",
    "stylelint": "^17.0.0",
    "stylelint-config-recommended-vue": "^1.6.1",
    "stylelint-config-standard": "^40.0.0",
    "stylelint-config-standard-scss": "^17.0.0",
    "turbo": "^2.8.0",
    "typescript": "^5.9.3",
    "typescript-eslint": "^8.54.0",
    "vite": "^7.3.1",
    "vite-plugin-dts": "^4.5.4",
    "vue-eslint-parser": "^10.2.0"
  }
}

• 执行 pnpm install

包种类 说明

删除文件夹

• rimraf 删除文件夹

git 提交

• husky

提交钩子函数,提交之前执行生命周期函数

• @commitlint/cli 和 @commitlint/config-conventional

是使用git 提交的时候 用得到

• commitizen 和 cz-git

是提交的时候使用的提示语

eslint 使用

• @eslint/js

• @typescript-eslint/eslint-plugin

• @typescript-eslint/parser

• @vitejs/plugin-vue

• eslint

• eslint-config-prettier

• eslint-plugin-vue

• lint-staged

• vue-eslint-parser 针对vue的eslint解析

prettier

• prettier 语法格式化

TS 使用

• @types/node 使用ts必须要安装的

• typescript ts 的核心包

• typescript-eslint ts 的eslint解析器

turbo

• turbo 是一个构建工具

vite

• vite 是一个构建工具

• vite-plugin-dts 声明文件

Vue 使用

• @vitejs/plugin-vue vue 使用

postcss 语法解析器

• postcss-html

• postcss-scss

sass 语法解析器

• sass

stylelint 语法解析器

• stylelint

• stylelint-config-recommended-vue

• stylelint-config-standard

• stylelint-config-standard-scss