# daqiao-cli

**Repository Path**: strongjoe/daqiao-cli

## Basic Information

- **Project Name**: daqiao-cli
- **Description**: 类似于vue-cli的创建vue项目模版的cli
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-13
- **Last Updated**: 2025-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 构建一个vue项目

# 安装基础库

# npm init -y npx tsc --init

# pnpm install vue vue-router pinia pinia-plugin-persistedstate axios nprogress element-plus @elementplus/icons-vue

# pnpm install typescript less -D

# 创建项目基础架构，public mock type， src里 api，utils，store， router， view， compoents， view styles， assets，

# 让项目跑起来，安装vite 插件，配置vite.config.ts

# pnpm add vite @vitejs/plugin-vue @vitejs/plugin-vuejsx vue-tsc @types/node @types/nprogress

# 安装eslint，stylelint，prettier，commitlint husky；

# pnpm install -D eslint @eslint/create-config npx eslint --init .eslintrc.js .eslintignore, package.json文件配置eslint和prettier

# perttier代码风格更加整洁，比eslint更强大；

# pnpm install -D prettier .prettierrc.js .prettierignore

# prettier和eslint有冲突，安装解决冲突的包

# pnpm install -D eslint-config-prettier（关闭elsit中与prettier相互冲突的规则）；

# eslint-plugin-prettier（赋予eslint使用preitter代码格式化的能力）， 同时修改.eslintrc.js中的配置 extends: ['plugin:prettier/recommended']

# pnpm install -D stylelint stylelint-config-standard（推荐的配置）

# pnpm install -D stylelint-config-prettier(关闭与prettier冲突的配置) stylelint-config-html stylelint-less

# postcss-html postcss-less （支持检查html， less， postcss）stylelint-order（支持css样式排序） stylelint-cinfig-standard-vue（vue项目推荐的配置）

# .stylelintrc.js .stylelintignore

# husky pnpm install -D husky

# 在package.json中 添加 "prepare": "husky install" terminal 执行 npm run prepare, 在项目根目录下生成.husky文件夹；

# 再安装 pnpm install -D lint-staged （在哪些阶段需要进行代码和提交规范的校验）

# 在package.json中配置 "lint:lint-staged": "lint-staged"

# 在终端执行 npx husky add .husky/pre-commit "npm run lint:lint-staged"

# 会在.husky目录下生成 pre-commit文件；在代码提交之前运行这个命令 npm run lint:lint-staged

# 然后通常在package.json里配置 ”lint-staged“：{}

# commitlint 规范代码的提交

# pnpm install -D @commitlint/cli @commitlint/config-conventional(自定义配置规则的插件)

# 建.commitlintrc.js 配置 git commit -m "类型:信息"

# 在终端执行 npx husky add .husky/commit-msg "npx --no-install commitlint --edit $1" 会在.husky目录下生成 commit-msg文件

# \*\* 中途提交代码的时候报了一个错，.eslintignore文件中添加了.eslintrc.js来忽略这个不见

##### 整个的代码规范，从书写到提交结束了

# mock

# pnpm install -D mock.js vite-plugin-mock