安装

前期准备

本项目需要一些前端相关经验，了解以下一些工具与技术栈的使用。

Vue 技术栈

• Vue 2.6+ https://cn.vuejs.org/v2/guide/ (opens new window)
• Vue Router 3.5+ https://v3.router.vuejs.org/zh/guide/ (opens new window)
• vuex 3.6+ https://v3.vuex.vuejs.org/zh/ (opens new window)
• Vue-cli 3+ https://cli.vuejs.org/zh/ (opens new window)

开发工具

• npm node 包管理工具
• node 构建 vue 的开发运行环境

主要插件

• sass，一款 css预处理器
• axios ，一款基于promise的网络请求库

关于 sass

本项目使用的 node 版本为14+，更高版本会与引入的 node-sass 4+ 包不兼容。
node 14+ 官方下载地址：windows 系统 (opens new window) 如存在旧版本无需删除，下载后直接安装即可。

当前已将 node-sass 替换为 dart-sass（官方新版已更名为 sass），无需再担心 node-sass 安装失败或者与 node 版本的匹配问题。

项目安装

注：以下为 windows 操作系统，编辑器为 vscode 为例。

1. 项目下载

在您打算存放项目的地方（不建议放在桌面上），使用git管理工具，运行以下命令进行项目 clone：

git clone https://github.com/NameLi/muying-h5.git

如果网络问题导致下载失败，也可以使用 gitee 地址进行下载：

git clone https://gitee.com/ixook/muying-h5.git

2. 依赖包安装

使用 vscode 打开该文件夹，使用快捷键 ctrl + ` 打开终端，运行 npm install 安装依赖包。（如因为网络问题安装失败，请科学上网或者使用 npm 的国内镜像）

3. 启动开发环境

运行命令 npm run serve ，待编译完成后会自动打开浏览器，如果端口未被占用，本地运行地址应为 http://localhost:8102，此时，您可本地对项目进行预览与调试。

注意事项

• 本项目是移动端的 WebApp ，PC端浏览器中请按 F12 打开调试模式，并选择手机模式进行预览。
• 本项目不支持 IE 系列或其它低版本浏览器，请优先选择 chrome 浏览器进行预览与开发调试。
• node 版本需要与 node-sass 版本匹配，否则安装 npm 包会失败。
• 如遇到无法解决问题或者有更好的建议，请加入 QQ 群：577133021 探讨。