Commit 525f205f by caoyanzhi

update: gic-cli

parent 0f7da6e0
# 新建项目 # 新建项目
* 先执行`git clone http://git.gicdev.com/gic-web/gic-cli.git`获取脚手架模板 * 先执行`git clone http://git.gicdev.com/gic-web/gic-cli.git`获取脚手架模板
* 然后将代码复制到项目目录,即可完成项目初始化 * 然后将代码复制到项目目录,即可完成项目初始化
* 然后打开`@/config/index.js`,修改projectName,值既是项目发布后的真实路径,也是请求参数的requestProject
* 然后打开`@/config/public-path.js`,修改publicPath,值是项目发布后的真实路径
# 项目中升级脚手架 # 项目中升级脚手架
> `npm run update-cli` > `npm run update-cli` 暂未实现
# 脚手架功能说明 # 脚手架功能说明
* 提供请求方法
* 提供全局指令
* 提供format方法
* 支持less、scss * 支持less、scss
* 使用eslint规范,代码提交前进行校验,校验不通过将无法提交代码 * 使用eslint规范,代码提交前进行校验,校验不通过将无法提交代码
* 使用指定的vue、vue-complier、element-ui版本 * 使用指定的vue、vue-complier、element-ui版本
## 提供请求方法
* 先在`@/src/apis.js`中定义请求方法
```javascript
import { request } from '../utils/request.js';
// 定义api请求方法
export const getUserInfo = request('/api-auth/get-login-user-info');
```
* 然后在vue文件中调请求方法
```javascript
import { getUserInfo } from '@/apis.js';
// 调用
getUserInfo({ requestData: 'test' }).then()
```
## 提供全局指令
```javascript
<template>
<div>
<div v-loadmore="onLoadMore"></div>
<div v-loadmore:[target]="onLoadMore">
<div id="test"></div>
</div>
</div>
<template>
<script>
export default {
data() {
return {
target: '#test'
}
}
}
</script>
```
## 提供format方法
```javascript
<template>
<div>
<div>{{ formatters.formatDate(Date.now(), 'yyyy-MM-dd') }}</div>
<div>{{ formatters.formatDate(Date.now(), 'MM-dd') }}</div>
<div>{{ formatters.formatDate(Date.now(), 'HH:mm:ss') }}</div>
</div>
</template>
<script>
export default {
inject: ['formatters']
}
</script>
```
## 提供缓存策略
* 通过路由配置实现页面缓存
```javascript
const routes = {
path: '/list',
component: () => import('./list.vue'),
meta: {
// 需要缓存的页面组件的name
componentName: 'List',
// 从fromPath路径进入页面,将会使用缓存,保留页面的查询参数等状态
fromPath: ['/edit', '/detail']
}
}
```
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment