你的位置:首页 > 软件开发 > Java > Visual Studio 2015初体验——前端开发工作的问题

Visual Studio 2015初体验——前端开发工作的问题

发布时间:2015-12-09 20:00:40
前言因为后台项目开发适用的VS2015,为了跟后台开发配合,前端部门也统一从VS2013升级到了VS2015。因为C盘空间不足要先卸载,这里就不说卸载2013时花了多长时间,只说安装2015时用了将近3个小时,不过安装的是英文版,又去下载了中文语言包,一个语言包居然也高达2个多G ...

前言

因为后台项目开发适用的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自动编译。

Visual Studio 2015初体验——前端开发工作的问题

点击“Compile File”手动将scss文件添加到需编译文件列表(compilerconfig.json)并指定其文件路径:

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

原标题:Visual Studio 2015初体验——前端开发工作的问题

关键词:前端

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。