vue3-ts-cms

是一个主要练习使用 Vue3 + TS 整了使用体验项目。 将组价按照base-ui、components ，view进行整理，互相调用

在线地址：http://101.43.128.23/vue3demo/

安装依赖

npm install

启动项目

npm run serve

打包项目

npm run build

全局格式化

npm run lint

提交代码

npm run commit

Customize configuration

See Configuration Reference.

配置editorconfig

1. 配置prettier

npm i prettier 

See https://zhuanlan.zhihu.com/p/81764012?from_voters_page=true https://blog.csdn.net/coucouxie/article/details/108375589

2. 解决 eslint 和 prettier 冲突问题

npm i eslint-plugin-prettier eslint-config-prettier -D

git 提交的时候 进行规范

npx husky-init && npm install

留坑 配置这个 vscode 内置的git 提交不好使 需要通过终端提交 git commit -m 'test01'

配置commitizen

npm i commitizen -D
npx commitizen init cz-conventional-changelog --save-dev --save-exact

配置commitilint

 npm install --save-dev @commitlint/config-conventional @commitlint/cli
 新建commit.config.js
npx husky add .husky/commit-msg 'npx --no-install commitlint --edit "$1"'

配置 npx cz 提交

在package.json 中进行语义转换了

vue.config.js 配置

See https://cli.vuejs.org/zh/config/

集成 element-plus

vue3.0全局和按需引入element-plus https://blog.csdn.net/weixin_38687522/article/details/117463124

采坑 和 最新的官网有冲突 使用 icon 时 npm install @element-plus/icons 最新的官网 不能动态引入 就会没有样式 目前 这两种方式有冲突

normalize.css (normalize 标准)

npm i normalize.css -save

动态路由

权限管理

采坑

在ts文件中引入外部模块的时候报错，

在打vscode时会提示 一个以下内容的弹窗 选 disable 即可 A package.json file is detected in the project. This project may be a Node.js project. Do you want to disable this extension?

待优化

....