??這里假設你的電腦上已經安裝了Node.js,我也是剛剛接觸Node.js,準備在今年好好研究下這個東西,聽說很是強大呀。另外,不知道你對npm了解多少,這里默認為你對這些知識是了解的。下面列出幾個常見的命令,后面會使用到。 ??創建文件夾:mkdir dir ??初始化工程:npm init ??安裝TypeScript:npm install -g typescript ??獲取knockout的聲明文件:npm install –save @types/knockout ??將所有部分整合在一起:tsc ??接下來我們創建一個工程工程的目錄結構大概如下所示: 接下來看看hello.ts文件中的內容:
再看看require-config.ts文件中的內容:
declare var require: any;require.config({paths: { "knockout": "externals/knockout-3.4.0",}});最后,看看index.html文件中的內容:
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Hello Knockout!</title></head><body> <p> Hello from <strong data-bind="text: language">todo</strong> and <strong data-bind="text: framework">todo</strong>! </p> <p>Language: <input data-bind="value: language" /></p> <p>Framework: <input data-bind="value: framework" /></p> <script src="./externals/require.js"></script> <script src="./built/require-config.js"></script> <script> require(["built/hello"]); </script></body></html>以上就是一個簡單的結合使用的例子,如需下載代碼,請點擊下載。
新聞熱點
疑難解答