Coffeescript的使用简要

简介: 安装nodejs coffeescript http://www.nodejs.org/ 下载 node-v0.8.6-x86.msi 安装后PATH环境变量会增加[如下是我的windows 7 64系统的情况] C:\Users\Administrator\AppData\Roaming\n...

安装nodejs coffeescript

http://www.nodejs.org/ 下载 node-v0.8.6-x86.msi

安装后PATH环境变量会增加[如下是我的windows 7 64系统的情况]

C:\Users\Administrator\AppData\Roaming\npm\

C:\Program Files (x86)\nodejs\

coffeescript安装

进入nodejs :

C:\Windows\SysWOW64\cmd.exe /k "C:\Program Files (x86)\nodejs\nodejsvars.bat"

https://github.com/jashkenas/coffee-script/tags 下载:jashkenas-coffee-script-1.3.3-0-g79492aa.tar.gz

npm install -g jashkenas-coffee-script-1.3.3-0-g79492aa.tar.gz

在 C:\Users\Administrator\AppData\Roaming\npm 下会安装coffeescipt模块

命令行下输入:

coffee -v 可以查看是否输入正常

编辑器IDE

http://visualstudiogallery.msdn.microsoft.com/site/search?query=coffeescript&f%5B0%5D.Value=coffeescript&f%5B0%5D.Type=SearchText&ac=8 可以搜索到如下的包安装

CoffeeScriptRunnerVSPackage.vsix

CoffeeLite-0.1.4.vsix

WebEssentials.vsix

JsBuildTools.vsix

语法高亮运行等支持如下

wps_clip_image-1854

编译

wps_clip_image-21368

精简、压缩Javascript代码

wps_clip_image-32494

CSS精简

wps_clip_image-24267

Site.less.css

这个工具也支持在VS下用Mindscape.WebWorkbench.Integration.10.vsix

The Mindscape Web Workbench is a free plugin for Visual Studio 2010 + Visual Studio 2012 to provideCoffeeScript, Iced CoffeeScript, Sass and Less editing! It includes all the essentials for making modern web development pain free in Visual Studio. 

http://visualstudiogallery.msdn.microsoft.com/2b96d16a-c986-4501-8f97-8008f9db141a

Mindscape 使用说明【包括图】

http://www.hanselman.com/blog/CoffeeScriptSassAndLESSSupportForVisualStudioAndASPNETWithTheMindscapeWebWorkbench.aspx 

 

CSS的几个资料

http://www.lesscss.net 

 CSS 最痛苦的是要搞定一堆浏览器兼容bug ,其次就是要面对CSS 不是programming language 这现实,不存在其他程式语言常见的变数、运算、继承等概念,使原本简单的工作变得冗长,并且使维护工作变得麻烦。

less 的出现便是为了解决这个问题:在现有CSS syntax 的基础上,为CSS 加入程式语言的特性,包括变数、scope、nested rules、运算、继承。

 

SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。

SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS。

相关文章
|
机器学习/深度学习 人工智能 数据挖掘
AlexNet架构解析
AlexNet是2012年ImageNet图像分类竞赛的冠军,首次将卷积神经网络CNN和深度学习用于大规模图像分类并且性能优异,在今天也具有一定的参考价值。
1244 0
AlexNet架构解析
|
机器学习/深度学习 人工智能 自动驾驶
人工智能的伦理困境:当机器学习遇见道德选择
在人工智能飞速发展的今天,技术的进步不仅带来了便利和效率,也引发了一系列伦理问题。本文将探讨AI在决策过程中面临的伦理挑战,以及如何通过设计、立法和教育等手段来解决这些问题。
312 3
|
机器学习/深度学习 人工智能 运维
运维的未来:自动化与人工智能的融合之路
【8月更文挑战第21天】在数字化浪潮中,运维领域正经历着前所未有的变革。本文探讨了自动化和人工智能技术如何重塑运维工作,提升效率与准确性,并预测了未来运维的发展方向。通过分析当前运维面临的挑战,我们揭示了自动化和AI技术带来的机遇,以及它们如何助力运维人员实现更高效的工作流程和决策制定。文章还讨论了这些技术可能对运维职业路径产生的影响,为读者提供了对未来运维趋势的深刻洞察。
365 0
|
存储 人工智能 缓存
【AI系统】布局转换原理与算法
数据布局转换技术通过优化内存中数据的排布,提升程序执行效率,特别是对于缓存性能的影响显著。本文介绍了数据在内存中的排布方式,包括内存对齐、大小端存储等概念,并详细探讨了张量数据在内存中的排布,如行优先与列优先排布,以及在深度学习中常见的NCHW与NHWC两种数据布局方式。这些布局方式的选择直接影响到程序的性能,尤其是在GPU和CPU上的表现。此外,还讨论了连续与非连续张量的概念及其对性能的影响。
391 3
java.lang.Exception: Apparent connection leak detected
java.lang.Exception: Apparent connection leak detected
479 0
|
5G 测试技术 语音技术
5G赋能沉浸式体验:VR/AR时代的网络基石
5G赋能沉浸式体验:VR/AR时代的网络基石
561 1
|
安全 物联网 网络安全
智能家居安全:物联网设备的风险与防护
在智能家居的便捷生活背后,潜藏着不容忽视的安全隐患。本文将深入探讨智能物联网(IoT)设备的安全问题,揭示数据泄露、隐私侵犯等风险点,并提供实用的防护措施。从加强密码管理到部署网络监控系统,我们旨在为家庭用户提供一套全面的安全解决方案,确保技术带来的便利不会成为安全的代价。
|
网络协议 网络安全 网络架构
这几种Wireshark顶级过滤方法,简直是网工的最爱!
这几种Wireshark顶级过滤方法,简直是网工的最爱!
1157 0
|
存储 API 数据安全/隐私保护
邮箱收不到验证码邮件是什么原因
在互联网应用中,未收到验证码邮件常令人困扰。原因包括:邮件误标为垃圾、邮箱设置不当、发件服务器故障、邮箱地址输入错误,及ISP拦截。解决策略有检查垃圾邮件、清理邮箱、修正设置、确认邮箱地址无误、联系服务提供商与ISP,或尝试其他邮箱服务。使用AOKSend等可靠邮件服务可提升送达率,其优势在于高送达率、实时监测与易集成性,确保验证码邮件及时准确到达,改善用户体验。
|
存储 搜索推荐
宝藏免费音乐软件LX music
宝藏免费音乐软件LX music
385 0