Script Lab 初級程教程己經靠一段落，前後共了9篇，作為 OfficeJS 開發入門己經綴綴有餘。假設你使用Script Lab 建立了一個附加元件的片段，那麼你一定想把它變成一個一個獨立的附加元件。經過反複的償試，還真找到一個最佳方法，可以輕松将代碼片段轉換為 OfficeJS 附加元件。接着我們将進入第二階段，向正式的 Web Add-ins 開發進軍。
今天的内容将涉及大量的實操和安裝過程，基本上是照着流程一步步來完成，半以一個最簡單的 Script Lab 示例來操作，來最終完成一個 Web Add-ins 插件。
這次我們将使用 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/
【nodejs】
下載下傳并安裝Node以擷取節點包管理器（NPM），網址如下：
https：//nodejs.org/en/download/
【Git】
下載下傳并安裝Git，網址如下：
https：//git-scm.com/download
【CNPM 】
三大基礎工具裝好後，接着就是開始着 Yeoman 的安裝了。之前的安裝過程還都有順利，但是到了這個環節時，還是遇到了一些小小的麻煩。網速問題導緻晚上無法更新完成。臨近11：30了，還沒有見到安裝完成的希望。今天這篇公衆号文章，看樣子是沒辦法完整的發出了，自打1月22日開号以來，可能是第一次斷更的情況了。求助萬能的大牛群 dotnet跨平台(飛雪)交流群，果然得到了答案，方知在國内該使用 cnpm 才對，并且得到了正确的指令（感謝 玮仔Wayne 的指導）。
我們現在需要做的是安裝 CNPM，按以下流程操作：
- 打開VSCode
- 按CTRL +`。這将打開控制台視窗。或者，您可以轉到“視圖”菜單，然後單擊“內建終端”
- 切換到控制台中的終端，然後鍵入以下指令：
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