尝试:Script Lab,快速 O365 开发工具//SL01)

简介: 尝试:Script Lab,快速 O365 开发工具//SL01)

《前言》

Script Lab 我希望有一个系列(连载),可是我挺担心没偿没有能力去驾驭它。虽然早年前己经接触过,但一直未有下决心开始 Office 365 的开发之旅,虽然一直被光标老师所鼓舞,但是我心有旁骛还没有真正做开始 Start。“尝试”的意思是,这不是一篇正式的教程或文章,我先要测试文风(尤其是读者的感官,让大多数人勉强有兴趣读完),积累足够的素材(发现一些有趣的东西,比如车库文化),更主要的是需要从以前固化的桌面开发模式完全转向网络开发模式(这个一种断层式的转变,除却 Office 本身基本没有相通之处)。

评价

Script Lab 是一款快速的 Office 365 开发工具,这是一个很棒的工具。与客户进行快速原型制作成为现实。虽然不是第一次接触到这个工具,但今天确实是第一次认真观察这个项目。我会习惯于从评论区,得到关于产品的第一映像,其实文章的标题部分便是来自这里。评论区的网址如下:HTTPS://AKA.MS/GETSCRIPTLAB

image.png

一些较经典的评如,摘录并翻译如下:

  • 高级用户是否真正适应HTML,CSS和JavaScript?
    Excel的用户主要是高级用户,他们是否真的准备好学习HTML,CSS,JavaScript,类型脚本,jQuery,Angular,React,Vue等等?为什么不使用类似于PowerApps的简单公式语言来构建Microsoft Office系列产品的加载项而不是Script Lab?
  • 比VBA好多了
    这是VBA的超酷替代品,也可以在线使用。
  • 最佳电脑应用
    它比VBA有很多帮助,也更有效。真的很感谢设计这个应用程序,并帮助很多会计师和Excel用户:)
  • 伟大的扩展
    非常适合在Office Apps上运行脚本和简单代码。我喜欢它,因为我可以快速测试脚本

  • 快速的o365开发工具
    这是一个很棒的工具。与客户进行快速原型制作成为现实。我很乐意看到这个家庭的前景和其他产品。
  • Office产品的绝佳补充
    Script Lab使得处理Microsoft Office产品中的数据变得非常容易。教程,指南和示例非常用户友好,并且您可以充分利用数据来查看新视图并查找以前无法看到的信息。
  • 不错的入门工具
    这个应用程序是一个方便的方式来查看基本的应用程序代码如何在Word中运行。


车库

Script Lab, 是一个微软车库项目(Microsoft Garage project,与之相对应的还有Google的20%NoWork time),都是旨在鼓励自家的员工创新。在正式了解这个项目之前,先来给大家聊一下微软的车库文化。以下网址能查阅到所有的微软车库项目:HTTPS://WWW.MICROSOFT.COM/EN-US/GARAGE/


微软车库是微软鼓励各个部门和领域的员工、实习生和团队来参与创新的地方。工作之余,有创新想法的员工可以在公司内部招募成员、组建团队,将其变为现实。日前,微软向外展示了一系列员工在工作之余开发的APP,这些“车库极客”们彰显了微软员工基因中的创新血液。微软车库的想法于 2009 在 Office 实验室萌芽,当时设立的想法很简单:让微软的员工有机会去拥抱自己内心的创意,成立专门的项目,并探索成功的可能性。一般来说,微软首先会划一块场地出来,其实也不是必须车库,苏州微软的车库由微软AI应用科学家林沂蒙负责,也是微软技术俱乐部(苏州)的活动基地之一以下是车库的门牌哦:

image.png

Script Lab 最初是 2016 年微软黑客马拉松的夏日黑客马拉松项目。目标是通过简化和令人愉快来改变构建 Office 加载项的“入门”体验。从那以后,工程师们从家庭,睡眠和日常工作中偷偷跑了几个小时,使 Script Lab 成为现实。最后,我们有一个工具可以轻松尝试 Office JavaScript API,无论是感兴趣的 Excel 高级用户还是专业开发人员原型化插件!项目是开源的,也希望社区将通过分享自己的代码片段(Snippets)并继续改进脚本实验室体验来提供帮助(我在下一期会讲到这个分享模式,今吞好像始终没有试出来)。Script Lab 团队由五名成员构成,分别是:Michael Zlatkovsky、Bhargav Krishna、Daniel M. Galan、Jakob Nielsen、Michael Saunders



上手

电脑刚刚抢到手,没时间了,就先来个 Hello World !

操作①:Ribbon->插入->获取加载项

操作:搜索“Lab”或"Script Lab"

操作:立即更新

注意,以上操作必须联网完成(这是唯一不如 VBA 的地方了)!

image.png

嗯嗯,其实到这里,课程己经可经结速了,因为该有的菜单上都有了~~~

操作Ribbon->Script Lab->点击“代码”

操作Ribbon->Script Lab->点击“运行”

image.png

嗯嗯,其实到这里,课程己经可经结速了,因为该有的菜单上都有了~~~

操作①:TaskPan(1)->Samples->点击“代码”

操作②:TaskPan(1)->Basic API Call(TypeScript)

操作TaskPan(2)->Highlight selected range

操作结果:所选单元格被标为黄色

image.png



代码

最后看一下代码,快十点钟了,所以不解释了,还有连载:


$("#run").click(() => tryCatch(run));
async function run() {
  await Excel.run(async (context) => {
    const range = context.workbook.getSelectedRange();
    range.format.fill.color = "yellow";
    range.load("address");
    await context.sync();
    console.log(`The range address was "${range.address}".`);
  });
}
async function tryCatch(callback) {
  try {
    await callback();
  } catch (error) {
    console.error(error);
  }
}


image.png


相关文章
|
前端开发 JavaScript 程序员
Script Lab 03:Script Lab,启动函数,Excel 基础操作(1)
Script Lab 03:Script Lab,启动函数,Excel 基础操作(1)
852 0
Script Lab 03:Script Lab,启动函数,Excel 基础操作(1)
|
移动开发 JavaScript 前端开发
atom-shell: GitHub 开源的跨平台桌面应用框架(基于 Node.js 和 HTML 5)
atom-shell是 GitHub 随 Atom 一起开源的跨操作系统(Windows,Linux,MacOS X)的利用 Web 技术(Node.js、JavaScript、HTML 5)开发桌面应用的框架。Atom即构建在 atom-shell 之上。
746 0
atom-shell: GitHub 开源的跨平台桌面应用框架(基于 Node.js 和 HTML 5)
|
5月前
|
Web App开发 JavaScript 前端开发
入职必会-开发环境搭建29-Node.js下载和安装
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,用于在服务器端运行 JavaScript 代码。它提供了一种异步、事件驱动的编程模型,使得开发者能够构建高性能、可扩展的网络应用程序。
|
资源调度 编译器 C++
mark-text开发环境搭建启动
mark-text开发环境搭建启动
106 1
|
JavaScript
Win7支持的Node.js最新版本
Win7支持的Node.js最新版本
190 0
|
PHP
漏刻有时环境部署:php安装提示Can‘t use function return value in write context
漏刻有时环境部署:php安装提示Can‘t use function return value in write context
68 0
|
JavaScript
element-ui-admin不能运行npm run dev的解决方法以及依赖报错npm ERR code 128解决办法
element-ui-admin不能运行npm run dev的解决方法以及依赖报错npm ERR code 128解决办法
443 0
|
Arthas 测试技术 开发者
tt 命令的基本使用 | 学习笔记
快速学习 tt 命令的基本使用
tt 命令的基本使用 | 学习笔记
|
存储 Web App开发 JSON
Node.js系列基础学习----安装,实现Hello World, REPL
Node.js系列基础学习----安装,实现Hello World, REPL
167 0
Node.js系列基础学习----安装,实现Hello World, REPL
|
安全 网络安全 C++
Auto.js Pro如何连接VS Code插件(下)
Auto.js Pro如何连接VS Code插件(下)
688 0
Auto.js Pro如何连接VS Code插件(下)