如何為Visual Studio加上未支援的JavaScript框架InstelliSense功能,以React為例

如何為Visual Studio加上未支援JavaScript框架InstelliSense功能,以React為例

via GIPHY

從Visual Studio 2013開始,ASP.NET開發團隊就把前端技術的支援的優先順序大大調高,CSS、JavaScript編輯器在Visual Studio 2015功能更是不斷完善。然而,前端技術不斷大爆發的情況下,新框架總是比開發工具走的還快。以筆者最近接觸React為例,像TypeScript直到1.6(2015/9/17)才支援React的撰寫與編譯(*.tsx的撰寫在Visual Studio裡還是會有紅底線出現,但編譯與產生的React .js是正常的)。

但如果我不會寫TypeScript呢?是否能在撰寫js/jsx時也能提供有限語法提示(IntelliSense)呢?答案是可以的。

你為什麼不問問神奇海螺呢?

一開始提到VS2013是有原因的,在VS2013提供一個神奇JavaScript海螺,它提供一個很神奇的功能,如果你使用了一個Visual Studio還不正式支援的JavaScript框架(以下用React為例),那透過它的幫忙,你的Visual Studio就能取得有限React語法提示功能。

移除Windows桌面Intel與NVIDIA桌面內容選單

移除Windows桌面Intel與NVIDIA桌面內容選單

desktop menu

請問FB大神:有人知道怎麼修改桌面左鍵的選單項目,我想移除一些不用的選單。

討人厭Intel與NVIDIA桌面選單

如上圖,Git GUI Here與Git Bash Here選單是在安裝Git時沒選好給設定進去的。而Intel與NVIDIA的桌面選單是安裝好Windows 10作業系統後自己在那裡了。Intel與NVIDIA的那兩個桌面選單非常討厭,明明從來都沒使用過它,但就是佔著茅坑不拉屎!佔在那裡,從它本身的工具中也沒有任何地方可以設定關閉。

還好這個時代,除了G大神外(我不知道怎麼下這個情況的關鍵字),還是一位Fb大神。這一次感謝小白幫忙提供的解決辦法,解決了我長久以來的苦疾 XD

Surface pro 3升級Windows 10之後無法進行Miracast無線投影

Surface pro 3升級Windows 10之後無法進行Miracast無線投影

Surface+DP+Miracast

Surface pro 3有個很棒的功能,那就是支援Miracast無線投影,你只要買個無線投影接收器(我是買Actiontec ScreenBeam Mini 2,微軟自己有也出Microsoft 無線顯示轉接器硬體。)那麼你就能把外接器的螢幕(不論一般電腦螢幕或TV)當成你的第二螢幕或第三螢幕。像上圖是「Surface pro 3 + DP輸出 + Miracast輸出三螢幕輸出時的情況。

Windows 8.1升級Windows 10

家裡Lenovo T530與Surface pro 3都支援Miracast無線投影,並且在Windows 8/8.1時期都運作良好,但由Windows 8.1升級至Windows 10後都出現無法進行無線投影的情況。

...

我原本一度以為是Actiontec ScreenBeam Mini 2設備的問題,因為是連上官方網站時的那個訊息。我實在搞不清楚是Windows 10還是無線投影接收器的問題。這裡很感謝Aska幫忙找了許多方法,最後有些到一篇官方的55.3.5.0升級說明,一句「Feature: Added support for Windows 10」以為有解,高興之餘又有新問題。

新問題就是,這支Actiontec ScreenBeam Mini 2只能透過Wifi方式更新,但我身邊沒並沒有任何一台電腦現在看得到或找的到它

VSO簽出packages少了dll怎麼辦?

VSO簽出packages少了dll怎麼辦?

高美館-阿魯巴
from:https://www.flickr.com/photos/yellowmo/4754749137/

同事回報,簽出的專案無法編譯,查看之下發現,原來是新加入套件呈現黃色三角型狀態,直接點擊法(在黃色三角型套件點兩下)無效。刪除重新安裝法(Nuget移除重裝),被版本控管擋下,一堆@#$%^的訊息之後給出的關鍵號碼是「tf40024」,經G大神查詢後,連G大神說都它無能為力。又追到同事的Packags目錄之下,發現該套件目錄之下只有*.nupkg檔,正常是會含lib目錄,lib目錄下會含有此套件應有版本的DLL。

吼,這是誰簽入的啦,抓出去阿魯巴。

工作區找不到項目…或是您沒有存取權限

罪人小弟我,快回到本機查看。

由於套件是由我的電腦安裝與簽入,所以並不會產生專案無法編譯的情況。由於我想重新簽入含lib目錄與DLL檔的專案,我透過VS2015的Nuget進行了一次降級的動作。但不如人意,在Team Explorer裡看不到降級後的lib內容dll檔案!!!

我知道7月的鬼門開了,但VSO在雲端,應該天上管理,鬼魅們應該還無能力去上天做怪才是。

就在苦無辦法之際,看到一線訊息:

使用Sublime Text 3製作可攜式React開發環境

使用Sublime Text 3製作可攜式React開發環境

facebook logo

在閱讀facebook React學教手冊時,希望能動手寫個「Hello World!」,這才發現,我們被Visual Studio保護的太好,根本不知道火星(前端)是個什麼樣的世界,目前VS2015對React的支援還很有限,只好把Sublime Text請出來。但公司、家裡每一台電腦都需要重新設置一次又很麻煩,想到了Sublime Text的portable version,不用還好,一用就愛上了它的方便性。

Sublime Text 3 portable version

之前和同事聊天才學到,原來Sublime Text本身的portable version是個很棒的設計。portable想成「綠色軟體」,即不用安裝下載即用。然後在這個下載的portable版本裡,你可以依照不同的工作模式去製作各種的開發環境,例如,JavaScript開發環境、CSS開發環境、PHP開發環境、AngularJS開發環境、C#開發環境…等,並且互相不干擾。

這樣,可以讓每一個portable保有小又快的特性(不太會有越來趣肥越慢的問題,因為每一portable只針對一個某個開發環境來製作),並且帶到那用到那,換電腦也不必重新設定,非常方便。

React開發環境

以下Sublime Text 3的portable version並設定React的開發環境。