一些Javascript功能也可以用於TypeScript。
本篇目錄
功能
JSHint
JSHint真是一種確保你寫的JavaScript代碼遵守編碼規范和最佳實踐的好辦法。默認的設置是很松的,但是你可以通過新的選項對話框打開更多的規則。
錯誤窗口會隨着輸入的變化而變化,因此,不必右鍵點擊.js文件來進行JSHint。
每個單獨的javascript文件都可以通過使用JSHint文檔中描述的官方JSHint注釋格式重寫全局的設置。
最小化
右鍵解決方案瀏覽器中的任何JS文件都可以產生一個.min.js文件。無論源js文件何時改變,.min.js文件都會跟着改變。
源映射
在工具-》選項中開啟源映射后,當最小化源js文件時,源映射(.js.map)文件都會自動地生成。
發現所有引用
使用Shift+F12
可以看到任何Javascript標識符的所有引用。
轉到定義
在VS2012和VS2013中都內置了轉到定義。這個功能是使用///<reference>
構建的。
Regions
一些人喜歡它們,另外一些人討厭它們。這是原始的Web Essentials 2010的功能,受很多人請求,現在將它做到了VS 2012版本中。
智能提示
getElementById
在項目的所有樣式表中找到#ID引用,然后在Javascript中提供它們的智能提示。
"use strict"
包含use strict
和use asm
的智能提示。
NodeJS 模塊
包含已經引用的NodeJS模塊的引用。
getElementByTagName
包含VS的HTML編輯器支持的所有HTML元素。
getElementsByClassName
在項目的所有樣式表中找到.classnames
,然后在Javascript中提供它們的智能提示。
TypeScript
預覽窗口
在VS中編譯一個TypeScript文件時,Web Essentials會在預覽窗口中生成一個編譯后的.js文件。
拖放
將一個.js或者.ts文件拖放到TypeScript編輯器中,就插入了智能提示的引用。
CoffeeScript
預覽窗口
當在VS中保存CoffeeScript文件時(.coffee),Web Essentials會自動編譯並生成一個預覽窗口。
編譯器設置
可以從工具-》選項中設置所有的編譯器。
Iced CoffeeScript支持
對於添加的功能,可以使用Iced CoffeeScript編譯器,只需要使用.iced
文件后綴就行了。
NodeJS編譯
Web Essentials使用NodeJS運行編譯器,它對於CoffeeScript和Iced CoffeeScript來說是最快且最精確的編譯器。
源映射
完全支持源映射生成並會產生.map文件。這個功能可以在選項對話框中開啟。
編譯到自定義的文件夾
如果你想把編譯后的文件放到單獨一個文件夾中,那么你可以在選項對話框中進行設置。
最小化
當編譯CoffeeScript文件時,它現在也可以產生一個更小的Javascript文件。
注釋/取消注釋
兩個非常有用的命令是注釋和取消注釋。它們完全支持CoffeeScript。