Visual Studio 2015初體驗——前端開發工作的問題


前言

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

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

總之最終裝好了,開始安裝WEB開發“套件”:WEB Essentials2015.1+ReSharper10+TypeScript1.7(自帶)+JSDOC

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

VS2015的前端開發問題

1、TypeScript開發沒有右側的實時編譯預覽了

我非常喜歡這個功能,可以實時看到編譯后的代碼,既可以保證編譯后的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文件,再手動將其添加入他的編譯文件列表,之后才能使用Ctrl+S自動編譯。

image

點擊“Compile File”手動將scss文件添加到需編譯文件列表(compilerconfig.json)並指定其文件路徑:

[
  {
    "outputFile": "Style/StyleSheet1.css",
    "inputFile": "Style/StyleSheet1.scss"
  },
  {
    "outputFile": "Style/main.css",
    "inputFile": "Style/main.scss"
  }
]

 

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

image

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

卸載VS2015時的痛苦不說了,至今還未卸載干凈….

解決方案

即自己配置Grunt和Bower,來實現保存自動編譯。

因為項目進度吃緊,技術先往后放,遂並不打算再新增額外的工作,想了解具體的可以參考stackoverflow上的討論。

完整解決方案:

1、http://stackoverflow.com/questions/30107925/how-to-compile-sass-files-on-save-in-visual-studio-2015

2、http://www.gibedigital.com/blog/2015/may/28/compiling-sass-in-visual-studio-2015/

 

最后

根據博友的評論,更新一段。

本文實為一篇標題黨,發了很多牢騷,也引起了我作為開發者的思考,但同時不可否認VS2015在前端開發的努力與進步,也增加很多對前對優化的功能,真的很多。

而且從微軟近期的一系列動作而言,都有擁抱開源之態。也改變了之前的“替你做好所有事”的一站式服務思想。

非常贊同博友@kennywangjin的觀點:

請仔細閱讀vs2015的相關文檔,不要以為2013=》2015就是一個刷數字的游戲。
VS2015的前端需要用到gulp或者grunt,號稱前端開發,這兩個不知道的話有點對不起自己的稱號。
說WIN10或者VS2015不行的,請仔細反省下是不是自己的想法過於陳舊,還停留在以前的開發思路上。微軟在積極向開源領域靠攏,開發者是不是也應該要逐漸轉變思路了?
不要怪變化太快。窮則思變,變則通,通則久,以微軟如今的處境,想要東山再起,必須要進行大幅度的改革,這是陣痛,熬過了自然前途無限;開發者也應該有此准備。

這是一個你跑着都追不上變化的時代。

(完)

原文鏈接-http://www.cnblogs.com/xxcanghai/p/5032447.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM