一些Javascript功能也可以用於TypeScript。
本篇目錄
功能
最小化HTML文件
選中要最小化的.html文件，然后在web essentials的菜單中選擇“Minify html file(s)”選項，即可生成一個.min.html文件，該功能類似於js和css文件的壓縮。具體操作以及效果見下圖：
Bundle Html文件
在解決方案瀏覽器中選擇2個或更多html文件，然后右鍵選擇"Create HTML Bundle File"。該功能簡化了使用SPA時bundle多個Html模板。具體操作如下動圖：
圖片懸停預覽
當鼠標懸停在
標簽上時，會看到圖片的預覽：
ZenCoding
ZenCoding語法
想要閱讀更多關於Zen Coding的語法，請點擊這里。
ZenCoding是開源的，點擊查看Github上的源碼。下面通過一個動態圖演示一下：
Lorem Pixel生成器
作為ZenCoding的一部分，你也可以直接在Html編輯器中生成Lorem Pixel的代碼。只需要輸入pix-200x200-animals，然后按下TAB鍵，就會插入一張200x200的動物圖片。
LESS
預覽窗口
LESS的預覽窗口位於編輯器的右邊，每當保存less文件時，就會展示編譯后的CSS內容。
提取到變量
Web Essentials簡化了將屬性值轉成LESS變量。選擇你想提取的文本，然后右鍵selection，點擊"Extract to variable..."。
