技术栈概览
1. Admin后台系统
- 框架: Vue 2.x
- UI组件库: iView Admin
- 表格组件: vxeTable
- 图表库: ECharts
- 富文本编辑器: wangeditor
- 表单生成器: form-create/iview
2. PC端商城
- 框架: Vue 2.x + Nuxt.js 2.x
- UI组件库: Element UI
3. 移动端商城
- 框架: Vue 2.x
- 跨平台方案: uni-app
开发环境要求
工具 | 版本要求 |
---|---|
Node.js | 14.20.0 |
npm | 6.14.7 |
Vue CLI | 5.0.8 |
淘宝镜像配置指南
镜像源更新说明
由于淘宝原镜像域名(registry.npm.taobao.org)的HTTPS证书已到期,现需切换至新域名(registry.npmmirror.com)。
配置步骤
首次配置镜像源
# 1. 设置新镜像源
npm config set registry https://registry.npmmirror.com
# 2. 验证配置是否生效
npm config get registry
# 预期输出: https://registry.npmmirror.com
已有淘宝镜像的更新方法
# 1. 清理npm缓存
npm cache clean --force
# 2. 更新镜像源地址
npm config set registry https://registry.npmmirror.com
替代方案:使用cnpm
如果不想手动更新镜像源,可以直接使用淘宝的cnpm工具,官方已自动处理了镜像源更新问题。
常见问题解决
- 下载速度慢:确保已正确配置淘宝镜像源
- 依赖安装失败:尝试清理缓存后重新安装
- 版本兼容性问题:严格遵循项目要求的Node.js和npm版本
最佳实践建议
- 推荐使用nvm管理Node.js版本,方便切换不同项目所需版本
- 对于团队开发,建议在项目文档中明确环境要求
- 考虑使用yarn作为替代包管理工具,可获得更稳定的依赖管理体验