Skip to content

Latest commit

 

History

History
85 lines (43 loc) · 3.47 KB

Modules.md

File metadata and controls

85 lines (43 loc) · 3.47 KB

依赖安装使用

安装 path 配置 alias 路径

pnpm install --save-dev @types/node pnpm install path

安装 commit 校验 (https://commitlint.js.org/#/)

pnpm install -g @commitlint/cli @commitlint/config-conventional echo "module.exports = { extends: ['@commitlint/config-conventional'] };" commitlint.config.js

安装 husky (https://typicode.github.io/husky/#/?id=install)

pnpm install husky --save-dev npx husky add .husky/commit-msg 'pnpm commitlint --edit ${1}' npx husky add .husky/pre-commit "pnpm run lint:lint-staged"

配置 "lint:lint-staged": "lint-staged -c ./.husky/lintstagedrc.js" "prepare": "husky install",

安装 lint-staged(https://github.com/okonet/lint-staged#readme)

pnpm install --save-dev lint-staged

安装 svg

pnpm install vite-svg-loader --save-dev

安装 svgo 压缩 svgo 文件

配置 "svgo": "svgo -f src/icons/svg -o src/icons/svg" pnpm -g install svgo

安装 eslint

pnpm install --save-dev eslint eslint-plugin-vue pnpm install eslint vite-plugin-eslint --save-dev

配置 "lint:eslint": "eslint --cache --max-warnings 0 "{src,mock,build}/*/.{vue,js,ts,tsx}" --fix" 增加.eslintrc.js .eslintignore

安装 prettier

pnpm install --save-dev --save-exact prettier pnpm install --save-dev eslint-config-prettier pnpm install --save-dev eslint-plugin-prettier pnpm install --save-dev @/vue/eslint-config-prettier 添加 .prettierignore .prettierrc.js 配置 "lint:prettier": "prettier --write "src/*/.{js,ts,json,tsx,css,less,scss,vue,html,md}""

安装 stylelint

pnpm i stylelint -D pnpm install --save-dev stylelint stylelint-config-standard pnpm install --save-dev stylelint stylelint-config-html pnpm install --save-dev stylelint stylelint-config-recommended 添加.stylelintignore stylelint.config.js 配置 "lint:stylelint": "stylelint --cache --fix "*/.{vue,css,scss,postcss,less}" --cache --cache-location node_modules/.cache/stylelint/"

安装 typescrpit

pnpm install --save-dev typescript pnpm add --dev @vue/eslint-config-typescript pnpm install --save-dev @typescript-eslint/eslint-plugin pnpm install --save-dev @typescript-eslint/parser 添加 tsconfig.json

安装 postcss

pnpm install postcss –g pnpm i postcss-import -D pnpm i postcss-html -D pnpm i postcss-scss -D pnpm i cssnano -S pnpm i autoprefixer -g 添加 postcss.config.js

安装 vue-tsc

pnpm install vue-tsc -d 配置 "typecheck": "tsc --noEmit && vue-tsc --noEmit --skipLibCheck",

安装 mock

pnpm add mockjs pnpm add vite-plugin-mock -D pnpm install @types/mockjs --save-dev

是否开启压缩

npm i vite-plugin-compression -D

安装 tailwindcss

https://tailwindcss.com/docs/installation npm install -D tailwindcss npx tailwindcss init 配置 tailwind.config.js 增加 styles/tailwind.css

npm install -D postcss-import 配置 postcss.config.js npm install -D autoprefixer 安装 cssnano 缩减器 npm install cssnano postcss --save-dev

安装图标

pnpm install @element-plus/icons-vue pnpm install @iconify/vue --dev pnpm install @iconify-icons/ep --dev pnpm install @iconify-icons/ri --dev

安装国际化

https://vue-i18n.intlify.dev/guide/introduction.html pnpm install vue-i18n@9 pnpm install --save-dev @intlify/unplugin-vue-i18n

添加二维码

pnpm install --save qrcode pnpm install @types/qrcode --save-dev

添加 wangEditor

yarn add @wangeditor/editor pnpm install @wangeditor/editor --save yarn add @wangeditor/editor-for-vue@next pnpm install @wangeditor/editor-for-vue@next --save