目錄設置
我們創建一個目錄Scratch，在本機上的路徑爲D:\Code\Scratch
Closure Library安裝
我們使用Git將這個包下載到本地，命令如下
git clone https://github.com/google/closure-library
下載完成後，我們進入目錄，然後安裝該包，命令如下：
cd closure-library
npm install
安裝完成後的輸出如下
完成後，我們在D:\Code\Scratch安裝兩個文件，分別爲hello.html和hello.js
hello.js
goog.require('goog.dom');
goog.require('goog.dom.TagName');
function sayHi() {
var newHeader = goog.dom.createDom(goog.dom.TagName.H1, {'style': 'background-color:#EEE'},
'Hello world!');
goog.dom.appendChild(document.body, newHeader);
}
hello.html
<html> <head> <script src="closure-library/closure/goog/base.js"></script> <script src="hello.js"></script> </head> <body onload="sayHi()"> </body> </html>
隨後，我們進行測試，檢驗hello.html是否能順利打開
注：筆者用默認瀏覽器直接開啓hello.html無法查看到任何內容
筆者是用WebStorm，將路徑設置爲D:\Code\Scratch後，在IDE環境下運行hello.html，才能正常運行hello.html
輸出如下：
