# scisint_vant

**Repository Path**: wei0919/scisint_vant

## Basic Information

- **Project Name**: scisint_vant
- **Description**: vue2+vant基础框架
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-03
- **Last Updated**: 2023-02-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# scisint_vant

## 项目初始化
```
npm install
```

### 启动项目
```
npm run serve
```

### 生成打包
```
npm run build
```
### 接口配置
```
env下 VUE_APP_API_URL
```
### 打包后访问路径
```
env下 VUE_APP_PUBLICPATH
```
### 添加路由

```
router/index.js
例：
{
    path: '/login',
    name: 'login',
    component: () =>
        import ('../pages/login'),
    meta: {
        title: '登录'
    }
}
```
### 添加接口和调用
```
./src/api 添加对应js文件
页面引入 import Login from '@/api/login'
/*
params 接口传参 例{phone: 155999000999, password: 123456}
*/
Login.login(params).then(res => {
    console.log(res)
})

```
### 项目结构
├── dist ---------------------------- 打包结果
├── node_modules ---------------------------- npm 加载的项目依赖模块
├── pubilc ------------------------------------- 静态资源目录，如图片、字体等
├── src ------------------------------------- 我们要开发的目录，基本上要做的事情都在这个目录里。
|   ├── api -------------------------- 接口目录。
│   ├── assets ------------------------------ 静态文件，放置一些图片，如logo等
│   ├── components -------------------------- 组件目录，存放组件文件，可以不用。
|   ├── pages -------------------------- 页面目录
│   ├── style ------------------------------ 公用样式
│   ├── store ------------------------------ 状态管理
│   ├── router ------------------------------ 路由
│   ├── utils ------------------------------ 公用工具类
│   ├── main.js ----------------------------- 主js
│   ├── App.vue ----------------------------- 项目入口组件，我们也可以直接将组件写这里，而不使用 components 目录。
├── package.json ---------------------------- node配置文件，记载着一些命令和依赖还有简要的项目描述信息 
├──  .README.md------------------------------- 项目的说明文档，markdown 格式。想怎么写怎么写，不会写就参照github上star多的项目，看人家怎么写的
├── .xxxx文件：这些是一些配置文件，包括语法配置，git配置等