## 配置文件
配置分为两部分，View组件的配置文件，用于调试开发模式，生产模式等不同编译方式，app.json用于配置前端页面信息，加载组件，JS，CSS以及路由等功能
#### View配置信息
~~~
{
"method":
{
"name": "调用方法",
"value": "vue"
},
"prestrain":
{
"name": "预编译模式",
"value": false
},
"postfix":
{
"name": "后缀名",
"value": ".html"
},
"cache":
{
"name": "缓存目录",
"value": "temp/template"
},
"template":
{
"name": "模板目录",
"value": "client/template"
},
"precode":
{
"name": "前置代码",
"value": []
},
"rearcode":
{
"name": "后置代码",
"value": []
}
}
~~~
具体操作 在server目录中的config目录下载新建vue.json支持的配置如上
实例代码：
~~~
{
"rearcode": [],
"prestrain":true
}
~~~
#### app.json配置信息说明
~~~
{
"title": "this7应用",
"style": [ 需要加载的CSS文件，默认指向client根目录
"app.css"
],
"script": [ 需要加载的JS文件，默认指向client根目录
"config.js",
"vendor/this7-sdk/index.js",
"vendor/vue-sdk/index.js"
],
"components": 需要加载的组件文件，默认指向client根目录
{
"this7": "components/this7"
},
"route":true, 是否开启路由模式，开启路由模式即可以再app.html中使用router-view标签
"single": false, 单例模式，用于使用打包后的VUE应用
"excludeRoute": ["login/index"] 仅在路由模式下起效，排除路由，放在这里的页面，讲直接读取，不经过router-view标签
}
~~~
#### 页面创建
This7框架内置页面自动生成功能，可以通过浏览器地址生成页面
~~~
输入链接：
http://www.this7.com/test/index
页面提示：
您访问的页面不存在，点击此处立即创建
~~~
点击“立即创建”，系统会在client的目录生成对应名字的页面文件，当然可以手动创建页面
#### 页面说明
代码书写方式几乎和webpack下编写VUE项目类似，除里加载组件需要通过在\<script type="text/json"\>或\<json\>下进行配置，不支持import形式加载 配置内容和app.json项相同
~~~
<template>
<div class="this7">
欢迎使用This7框架
</div>
</template>
<style type="text/css">
</style>
<script type="text/javascript">
export default {
data: {
},
method: {
},
mounted: function() {
}
}
</script>
<script type="text/json">
</script>
~~~
