MarsMgn

外观

快速启动（前端） ​

准备开发环境 ​

介绍 ​

准备前端开发环境流程包括

  • 安装Node.js
  • 安装VSCode

下面以Windows环境进行说明

安装Node.js ​

Node.js推荐 18.20.8 版本，下载地址

image-20250615165643667

安装VSCode ​

VSCode下载地址

image-20250615082002261

VSCode安装插件

  • Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
  • Vue - Official
  • i18n Ally ：国际化插件。安装后可在代码中实时查看语言内容

image-20250627112623133

  • Lingma：通义灵码是由阿里云提供的智能编码辅助工具。（也可选择自己熟悉的AI辅助编码工具）
  • Prettier - Code formatter ：代码格式化工具
    • 安装后打开 VS Code 配置，搜索 save 后，勾选上 Format On Save 选项。

image-20250626104607171

image-20250626104805827

TIP

如果在上一节已安装过VSCode，则直接安装所需的插件即可

配置和启动 ​

下载源码 ​

新建一个文件夹作为项目文件夹，例如my-vue。进入该文件夹，右击选择“Open Git Bash Here”。在Git Bash中，执行下面命令

# 下载源码
git clone https://gitee.com/zhulj993/mars-mgn-vue.git

安装依赖和启动 ​

进入目录my-vue/mars-mgn-vue，打开CMD，执行下面命令

sh
# 安装 pnpm，并设置源
npm config set registry https://registry.npmmirror.com
npm install -g pnpm
pnpm -v

# 安装依赖
pnpm install

启动项目

sh
pnpm run dev

登录 ​

打开浏览器访问：http://localhost:8080

image-20250615173618256

默认账号：admin 密码：admin123

image-20250615173726362