SoJpt

3.3 前台代码安装运行

1、下载

    进入 SoJpt 官网下载页面:sojpt.com 登录后下载SoJpt iview-admin压缩包,解压。

2、配置环境

1、安装 nodejs,https://nodejs.org/en/download/

2、在解压文件iview-admin运行 npm install 安装依赖,(可安装 cnpm 阿里源),安装完成后,

    根目录下运行-> npm run dev 即可以开发模式启动,

    打开 http://localhost:8081/login 即可登录。

    注意:还有一种启动方式 安装 vue cli 3, 安装完后运行 vue ui 即可打开vue开发工具

在可视化界面中进行运行。如图:

image.png

3、配置介绍

1、iview-admin\config\url.js

image.png

 2、iview-admin\vue.config.js

image.png

3、文件结构

.
├── build  项目构建配置
├── config  开发相关配置
├── public  打包所需静态资源
└── src
    ├── api  AJAX请求
    └── assets  项目静态资源
        ├── icons  自定义图标资源
        └── images  图片资源
    ├── components  业务组件
    ├── config  项目运行配置
    ├── directive  自定义指令
    ├── libs  封装工具函数
    ├── locale  多语言文件
    ├── mock  mock模拟数据
    ├── router  路由配置
    ├── store  Vuex配置
    ├── view  页面文件
    └── tests  测试相关