准备工作
快捷链接
可通过点击上方菜单组件/指南
切换指南和组件文档
源码
阅读开发文档前,请确保手上已经有 金合技术中台 源码,因为文档中提及的内容,都是需要在本地项目中编写或修改代码并运行才能呈现的。如果还没有源码,可以通过下面两种方式获取:
版本说明
说明
- 中台版本 已对接中台登录(用户名密码;短信号、微信、钉钉(请自行修改AppId等))、系统管理、用户管理、菜单管理、角色管理等页面,内置丰富组件。
sh
# npm
npm create iking-admin
# pnpm
pnpm create iking-admin
# yarn
yarn create iking-admin
sh
# 新版
git clone https://gitee.com/ikingtech/iking-platform-web.git
开发环境
使用本模板前,需要在本地依次安装好 Node.js, pnpm, Git 和 Visual Studio Code。
注意
Node.js 需要使用 14.18+ / 16+ 版本,建议为 18.12+ 版本。
然后在 Visual Studio Code 里安装好以下扩展:
在 Visual Studio Code 里打开源码的文件夹,右下角会自动提示需要安装的依赖,直接点击安装即可。
建议
以上 6 个为开发时必备扩展,以下则是建议安装的扩展,安装它们将在一定程度上提升开发效率。
- Chinese (Simplified) Language Pack for Visual Studio Code 中文语言包
- Color Highlight 在代码中高亮颜色
- Highlight Matching Tag 高亮显示匹配的标签
- Image preview 图片预览
- indent-rainbow 彩虹缩进提示
除此之外,还需要准备好开发使用的浏览器,推荐使用 Chrome ,并且在 Chrome 里安装好 Vue.js devtools 扩展,安装 Vue 官方提供的调试工具在一定程度上可以提升解决 bug 的效率,当然这个扩展开启后,可能在开发环境操作会有些许卡顿,建议不需要时候可以将扩展禁用。
不过由于安装 Vue.js devtools 需要访问 Chrome 应用商店,如果在大陆地区访问,需要自行准备相关可访问外网的工具。如果不具备该条件,也可访问 Vue.js devtools 官网 了解本地构建或者下载支持 Edge/Firefox 的 Vue.js devtools 。
技术栈
了解并熟悉框架使用到的技术栈,能让你使用本框架更得心应手。