Visual Studio 2015初體驗——暫不適用於前端開發工作

標籤：

前言

因為後台項目開發適用的VS2015，為了跟後台開發配合，前端部門也統一從VS2013升級到了VS2015。

因為C盤空間不足要先卸載，這裡就不說卸載2013時花了多長時間，只說安裝2015時用了將近3個小時，不過安裝的是英文版，又去下載了中文語言套件，一個語言套件居然也高達2個多G，真不知道裡面到底有多少東西。

總之最終裝好了，開始安裝WEB開發“套件”：WEB Essentials2015.1+ReSharper10+TypeScript1.7(內建)+JSDOC

都搞定後發現若干問題。。。。

VS2015的前端開發問題1、TypeScript開發沒有右側的Just-In-Time 編譯預覽了

我非常喜歡這個功能，可以即時看到編譯後的代碼，既可以保證編譯後的JS是我想要實現的代碼，也可以順帶學習TypeScript文法與原理。但是他沒有了，我知道這個即時預覽功能是WEB Essentials外掛程式提供的，遂去外掛程式的選項面板，發現居然沒有TypeScript這個子選項了，連SASS，LESS，CoffeeScript選項都沒了，只有CSS和JS還有HTML，幾乎跟完全報廢了一樣。

去官方網站上查，原作者的回覆是：

madskristensen:

The TS preview pane has been removed from Web Essentials 2015 due to continuously running into conflicts with the TS compiler when new versions come out. The TS team are aware of it and I hope they will add the feature into the TS tooling in the future. It is possible that this feature will be included in the brand new Web Compiler extensions (https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c) when preview panes have been implemented.

大概意思是因為VS的bug導致WEB Essentials2015外掛程式移除了所有編譯器，自然也就沒有了即時預覽。

好吧，沒有預覽我還能接受，至少他還可以用，可以工作。

原文連結：https://github.com/madskristensen/WebEssentials2015/issues/53

 

2、SASS開發沒有右側即時CSS編譯預覽

原因同上，因為都是WEB Essentials外掛程式提供的支援。

 

3、SASS，LESS無法編譯

這個我就不能忍了，無法編譯成CSS就沒法工作了，不過WEB Essentials的作者提供給了一個新外掛程式：Web Compiler。

Web Compiler

A Visual Studio extension that compiles LESS, Sass, JSX, ES6 and CoffeeScript files.

看介紹似乎是專門為瞭解決VS2015的編譯問題的外掛程式，裝好以後，發現並不能想VS2013中那樣只要按下Ctrl+S就可以自動編譯。

需要編譯那個SASS檔案，在手動將其添加入他的編譯檔案清單，之後才能使用儲存自動編譯。

 

雖然他也提供了Compile all的功能，但事實上還是不太好用，對於新建立的SASS檔案依然不能自動包括進來，還是需要手動觸發編譯。依然沒有VS2013裡面那樣好用。

卸載

試用到這裡我已經下定決心卸載VS2015了，重新用回VS2013，等2015再發展一段時間，修複一些bug之後再用吧。

卸載VS2015時的痛苦不說了，至今還未卸載乾淨….

(完)

原文連結-http://www.cnblogs.com/xxcanghai/p/5032447.html

Visual Studio 2015初體驗——暫不適用於前端開發工作