Skip to content

Che-guangqing/vue3-ts-cms

Repository files navigation

vue3 + ts

vue3-ts-cms

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

项目配置

1、创建并配置 .editorconfig 文件, 安装 EditorConfig for VS Code 插件

2、使用 prettier 工具:安装 Prettier# Code formatter 插件 ;安装npm install prettier -D

3、配置脚本 "prettier": "prettier --write", 运行 npm run prettier

4、兼容eslit 和 prettier 配置:安装两个插件 npm install eslint-plugin-prettier eslint-config-prettier -D

5、git提交之前检查代码是否符合eslint规范 npx husky-init && npm install

6、使用Commitizen规范git commit 的提交信息 npm install commitizen -D 、安装cz-conventional-changelog,并且初始化cz-conventional-changelog npx commitizen init cz-conventional-changelog --save-dev --save-exact 执行npx cz

7、通过commitlint来限制提交, npm i @commitlint/config-conventional @commitlint/cli -D; 使用husky生成commit-msg文件,验证提交信息npx husky add .husky/commit-msg "npx --no-install commitlint --edit $1"

环境变量

  • 开发环境: development
  • 生产环境: production
  • 测试环境: test

区分环境变量

  • 手动修改不同的变量

  • 根据process.env.NODE_ENV值区分

  • 编写不同的环境变量配置文件: VUE_APP_xxx = xxx; 获取:process.env.VUE_APP_BASE_URL

  • yarn add normalize.css css初始化文件

yarn add coderwhy coderwhy add3page user --d src/view/main/system/user

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published