Script Lab 10:为Officejs开发配置VSCode环境(01)

简介: Script Lab 10:为Officejs开发配置VSCode环境


Script Lab 初级程教程己经靠一段落,前后共了9篇,作为 OfficeJS 开发入门己经缀缀有余。假设你使用Script Lab 创建了一个加载项的片段,那么你一定想把它变成一个一个独立的加载项。经过反复的偿试,还真找到一个最佳方法,可以轻松将代码片段转换为 OfficeJS 加载项。接着我们将进入第二阶段,向正式的 Web Add-ins 开发进军。

今天的内容将涉及大量的实操和安装过程,基本上是照着流程一步步来完成,半以一个最简单的 Script Lab 示例来操作,来最终完成一个 Web Add-ins 插件。

image.png

这次我们将使用 VSCode 而不是 VS 来开发OfficeJS(Office 365 Web Add-ins)。VSCode  是一个非常有用的轻量级的代码编辑工具(就是这两天,许豪同志还在筹备相关的教程或专场)。除此之外,还需要两个辅助的工具,第一个是 Node Package Manager(NPM),和 Git 工具。通过 NPM 还将安装 Yoeman ,通过 yo 与 Git 等工具的配合,我们也将拥有一个令人惊讶的强大开发环境,说实话回到字符界面,就像回到 90 年代还在玩 DOS 的过程,“握控一切”的感觉实在是太好了(用了 VS 就不俱备了)。

VSCode

下载并安装VSCode,网址如下:

https://code.visualstudio.com/

image.png

nodejs

下载并安装Node以获取节点包管理器(NPM),网址如下:

https://nodejs.org/en/download/

image.png

Git

下载并安装Git,网址如下:

https://git-scm.com/download

image.png


【CNPM 】

三大基础工具装好后,接着就是开始着 Yeoman 的安装了。之前的安装过程还都有顺利,但是到了这个环节时,还是遇到了一些小小的麻烦。网速问题导致晚上无法更新完成。临近11:30了,还没有见到安装完成的希望。今天这篇公众号文章,看样子是没办法完整的发出了,自打1月22日开号以来,可能是第一次断更的情况了。求助万能的大牛群 dotnet跨平台(飞雪)交流群,果然得到了答案,方知在国内该使用 cnpm 才对,并且得到了正确的命令(感谢 玮仔Wayne 的指导)。

我们现在需要做的是安装 CNPM,按以下流程操作:

  1. 打开VSCode
  2. 按CTRL +`。这将打开控制台窗口。或者,您可以转到“视图”菜单,然后单击“集成终端”
  3. 切换到控制台中的终端,然后键入以下命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org


【Yeoman】

yeoman 是 Google 的团队和外部贡献者团队合作开发的,他的目标是通过 Grunt(一个用于开发任务自动化的命令行工具)和 Bower(一个HTML、CSS、Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。

安装 yeoman,其中 install 是命令代表了安装,-g 是参数代表了全局,yo 是项目简称。安装过程竟然只需要半分就完成了:

cnpm install -g yo


安装 yeoman,其中 install 是命令代表了安装,-g 是参数代表了全局,yo 是项目简称。安装过程竟然只需要半分就完成了:

image.png

相关文章
|
1月前
|
Ubuntu
【报错】解决Ubuntu环境下VsCode无法输入中文
【报错】解决Ubuntu环境下VsCode无法输入中文
|
2天前
|
存储 Shell 网络安全
【vscode】在本地加载远端环境并开发
【vscode】在本地加载远端环境并开发
10 0
|
12天前
|
API 开发工具 C++
【专栏:工具与技巧篇】使用代码编辑器(VS Code/Sublime Text)提升开发效率
【4月更文挑战第30天】在VS Code与Sublime Text两大流行代码编辑器中,开发者可借助其高效特性提升编程效率。VS Code拥有丰富的插件生态、内置Git集成、强大的调试工具、智能提示和多文件导航功能。Sublime Text则以其轻量级、快速响应、多光标编辑及自定义构建系统见长。学习编辑器的键盘快捷键、自定义配置、使用内置终端以及键绑定和宏,将助开发者进一步提高开发效率。选择适合自己的编辑器并不断适应新技术是提升开发工作流的关键。
|
19天前
|
数据可视化 网络安全 开发工具
【新人必会】远程开发可视化 - VSCode篇
【新人必会】远程开发可视化 - VSCode篇
32 0
|
19天前
|
Web App开发 XML 传感器
VSCode 开发Vue必备插件
VSCode 开发Vue必备插件
15 0
|
20天前
|
编译器 测试技术 C语言
VScode配置C环境概要
VScode配置C环境概要
18 0
|
1月前
|
编译器 C语言 C++
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
|
1月前
|
人工智能 NoSQL 机器人
【C++】VS code如何配置使用C++(手把手教学)
【C++】VS code如何配置使用C++(手把手教学)
|
1月前
|
JavaScript
VSCode 开发 Vue 语法提示
VSCode 开发 Vue 语法提示
|
数据安全/隐私保护 Python Windows
Vscode配置jupyter
windows环境下通过Vscode配置jupyter
1377 0