aiot-ide-project
aiot-ide 的 project 插件,为 aiot-ide 提供Vela项目初始化功能
使用
在 vscode 中使用
按下 F1 或者 ctrl + shift + P,输入 New Project 后即可看到创建项目的webview窗口。
当你当前工作区不为空时,你也可以在资源管理器区域点击鼠标右键选择 New Project以打开创建项目的webiew窗口
在 aiot-ide 中使用
点击File > New Project (文件 > 新建项目)可打开项目创建面板,在面板中可创建、打开项目
目录结构
mi-toolkit
├─ images
│ ├─ dark
│ │ ├─ car.svg
│ │ ├─ phone.svg
│ │ ├─ tablet.svg
│ │ └─ tv.svg
│ ├─ light
│ │ ├─ car.svg
│ │ ├─ phone.svg
│ │ ├─ tablet.svg
│ │ └─ tv.svg
│ └─ logo-vela.png
├─ out 打包产物
├─ src
│ ├─ projectInitUtils velasim环境检测、安装
│ │ └─ resource
│ │ ├─ spin.sh
│ │ └─ velasim_init.sh
│ ├─ projectWin 项目窗口模块
│ │ ├─ assets 资源文件
│ │ │ ├─ icons
│ │ │ ├─ imgs
│ │ │ └─ style
│ │ ├─ components
│ │ │ ├─ BaseCard.js
│ │ │ ├─ Card.js
│ │ │ ├─ CreateForm.js
│ │ │ ├─ Nav.js
│ │ │ ├─ PopUp.js
│ │ │ ├─ RadioBtn.js
│ │ │ ├─ ShowMore.js
│ │ │ └─ TemplateList.js
│ │ ├─ utils
│ │ │ ├─ color.js
│ │ │ ├─ locationParams.js
│ │ │ └─ request.js
│ │ ├─ index.html 窗口内容html
│ │ ├─ main.js 窗口的逻辑处理文件
│ │ └─ state.js 窗口的静态数据文件
│ ├─ templateManager 模板管理模块
│ │ ├─ default.ts 默认的项目模板信息
│ │ ├─ index.ts 模板检查与更新、项目创建
│ │ ├─ template.d.ts
│ │ └─ utils.ts 模板内容修改等工具函数
│ ├─ test
│ │ ├─ suite
│ │ │ ├─ extension.test.ts
│ │ │ └─ index.ts
│ │ └─ runTest.ts
│ ├─ uniViews 联合插件的注册
│ │ ├─ providers
│ │ │ └─ NavsProvider.ts
│ │ ├─ common.ts 公共变量
│ │ └─ index.ts
│ ├─ webviewCommands 逻辑
│ │ ├─ baseView.ts
│ │ ├─ createCard.ts
│ │ ├─ createComponent.ts
│ │ ├─ createPage.ts
│ │ ├─ createTestCase.ts
│ │ ├─ editManifest.ts
│ │ ├─ projectWinWebview.ts
│ │ └─ webviewUtils.ts
│ ├─ webviews
│ │ ├─ js 将svelte代码置于app中导出
│ │ │ ├─ createCard.js
│ │ │ ├─ createComponent.js
│ │ │ ├─ createPage.js
│ │ │ ├─ createTestCase.js
│ │ │ └─ visualManifest.js
│ │ ├─ pages
│ │ │ ├─ components
│ │ │ │ ├─ BtnAndInput.svelte
│ │ │ │ ├─ BtnGroup.svelte
│ │ │ │ ├─ Card.svelte
│ │ │ │ ├─ CommonHeader.svelte
│ │ │ │ ├─ CustomForm.svelte
│ │ │ │ ├─ CustomFormItem.svelte
│ │ │ │ ├─ DisplayCommonProperties.svelte
│ │ │ │ ├─ ErrorArea.svelte
│ │ │ │ ├─ FieldSet.svelte
│ │ │ │ ├─ VscodeCheckbox.svelte
│ │ │ │ ├─ VscodeFilePicker.svelte
│ │ │ │ ├─ VscodeInput.svelte
│ │ │ │ ├─ VscodeRadio.svelte
│ │ │ │ └─ VscodeSelect.svelte
│ │ │ ├─ sections
│ │ │ │ ├─ CommonProperties.svelte
│ │ │ │ ├─ Config.svelte
│ │ │ │ ├─ Display.svelte
│ │ │ │ ├─ Features.svelte
│ │ │ │ └─ Router.svelte
│ │ │ ├─ CreateCard.svelte 新建卡片页面svelte代码
│ │ │ ├─ CreateComponent.svelte 新建组件页面svelte代码
│ │ │ ├─ CreatePage.svelte 新建项目页面svelte代码
│ │ │ ├─ CreateTestCase.svelte
│ │ │ └─ ManifestJson.svelte
│ │ ├─ style
│ │ │ └─ global.css
│ │ ├─ utils
│ │ │ ├─ common.js
│ │ │ └─ store.js
│ │ ├─ README.md
│ │ ├─ createCard.html 新建卡片页面模板
│ │ ├─ createComponent.html 新建组件页面模板
│ │ ├─ createPage.html 新建项目页面模板
│ │ ├─ createTestCase.html
│ │ └─ visualManifest.html
│ ├─ common.ts 公共变量
│ ├─ compatibleUtils.ts
│ ├─ extension.ts
│ ├─ locale.json 多语言文件
│ ├─ response.ts 处理webview&插件通信类
│ └─ utils.ts
├─ CHANGELOG.md
├─ README.md
├─ initTemplate.js
├─ package-lock.json
├─ package.json
├─ tsconfig.json
├─ vsc-extension-quickstart.md
├─ webpack.config.js
├─ webpack.extension.js
├─ webpack.projectWin.js
├─ webpack.webview.js 配置svelet与html模板等信息的文件
└─ yarn.lock
| |