为了更快地安装项目依赖,必须提前安装好cnpm
!>npm install -g cnpm --registry=https://registry.npm.taobao.org
1、vue create project
2、cd project
3、vue add router //如果新建的时候已经选择这步可以忽略
4、vue add vue-cli-plugin-cool-ai //添加COOL-AI的脚手架插件
5、npm run serve
!> vue的router
是必须添加的,并且需要将 router
的mode
设置为hash
project
├── package.json
├── app.json (COOL-AI应用配置文件)
├── db.json (COOL-AI数据库配置文件)
├── public
├── src
| ├── assets(资源)
│ ├── components(组件)
│ ├── router(路由)
│ ├── views(页面)
| |—— App.vue
| |—— main.js
| |—— preload.js(cool-ai预加载的js)
{
// 应用ID,用脚手架创建的时候自动生成
"appId": "z-gK4vSCQ",
// 应用名称
"name": "这是个测试应用",
// 版本号
"version": "0.0.1",
// 应用描述
"description": "测试应用",
// 入口文件默认为 index.html 一般不需要修改
"main": "index.html",
// 预加载js, 该js文件会在所有资源文件之前加载
"preload": "preload.js",
// 应用logo, 一般无需修改
"logo": "logo.png",
// 应用支持的平台
"platform": [ "win32", "darwin" ],
// 关键字
"keyWords": [ "cool-ai", "cool" ],
// 打开时时候隐藏小酷,如果隐藏了应用显示区域会更大
"xiaoku": { "hide": false },
// 开发时的配置
"dev": {
// 地址
"main": "http://127.0.0.1:8081",
// 预加载js
"preload": "src/preload.js",
// logo
"logo": "src/assets/logo.png"
},
// preload.js 引用第三方包时需要在此添加
"build": { "externals": [] }
}
{
// 是否是云端数据库, false为本地数据库
"isCloud": false,
// 表结构
"tables": [{
"name": "user",
"model": {
"id:int": {
"pk": true,
"ai": true
},
"age:int": {
"default": 13,
"max": 110,
"min": 13
},
"name:string": {
"default": "none",
"notNull": true
}
}
}]
}
表结构详见nanosql
打开或运行COOL-AI->微信扫码登录->点击头像进入开发者中心
将之前创建好的项目中的app.json
文件拖入开发者中心,就会自动创建一个对应的项目
点击运行按钮,就可以看到对应应用的运行窗口啦
点击上传按钮,填写版本信息,点确定后应用会自动打包编译并上传