devTools（6）
Sass和Less是一种动态样式语言，属于CSS预处理语言的一种，是CSS 的一种扩展语言它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。
一、使用sublime编译less
1、使用less转换css文件
在Sublime中 安装插件 less、lessc、Less2Css
安装Node.js，直接 next 操作就行。
打开控制台（win + R 输入 cmd ），输入 node -v 验证node是否装好，
在全局中安装 Less 输入npm install less -g （输入 lessc -v 验证Less是否装好）。
输入 npm install -g less-plugin-clean-css 这个是一个插件
在Sublime 中新建less文件 ，然后按 ctrl + s 保存，自动生成 css文件。
2、引入less文件和less.js文件(常用)
&link rel="stylesheet/less" type="text/less" href="1.less" /&
&script src="less.min.js" type="text/javascript"&&
less.js 各版本下载地址：
二、使用sublime编译sass
1、Sass 和 SCSS 有什么区别？
Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：
文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名
语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似
2、使用Sass转换css文件
在Sublime中 安装插件 scss、sass、sassbuild 插件
SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先，然后再安装SASS
Ruby 网址：
在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境
打开控制台（win + R 输入 cmd ），输入 Ruby -v 验证Ruby 是否装好
安装Node.js，直接 next 操作就行。
打开控制台（win + R 输入 cmd ），输入 node -v 验证node是否装好，
在全局中安装 sass 输入gem install sass （输入 sass -v 验证sass 是否装好）。
在Sublime 中新建scss 文件 ，然后按 ctrl + S 保存，然后再按 ctrl + B 自动生成 css文件。
注意:在使用sublim编译scss文件时，一定要在非中文路径下进行编译
—————————————–over————————————————
作者：蔡国庆（筱竹）摘要: 首先需要安装Sass环境，而Sass是基于Ruby的，所以需要先安装Ruby。 Windows系统下载Ruby地址：Ruby下载 下载安装包后，打开安装包进行安装，跟随提示进行即可，注意勾选上添加到环境变量。 安装完成后可以通过 查看是否安装成功，如果出现版本信息，说明已经安装成功了。 然后通过命令
22:58 葵托利 阅读(15) 评论(0)
摘要: 在Windows环境下使用git进行add的时候，会有提示如下warning: “warning:LF will be replacee by CRLF”。这是因为在Windows中的换行符为CRLF，而在Linux中的换行符为LF。在git创建的项目中换行符为LF，...
20:02 葵托利 阅读(2) 评论(0)
摘要: cmder，一款比Windows系统提供的cmd更好的终端工具，类似Linux系统的终端。 官网：http://cmder.net下载有两个版本 mini版没有内建msysgit工具，这是Git for Windows的标准配备；如果不需要使用git，可以下载这个。 ...
19:09 葵托利 阅读(7) 评论(0)
摘要: 安装node略过替换淘宝镜像 CNPM 有些包通过npm可能无法下载，因为服务器在国外，涉及翻墙问题，最好替换成淘宝的NPM镜像。npm install -g cnpm --registry=https://registry.npm.taobao.org安装Less ...
15:55 葵托利 阅读(2) 评论(0)
摘要: 今天无意中发现了一点问题想不通，先记录下来，以免遗忘，期待日后能够解决。有关let、const和class声明最初是练习ES6语法的类class的写法的，但是在练习中发现了一个想不通的问题。在阮一峰老师的《ECMAScript 6 入门》一书中，说到了ES6中clas...
12:24 葵托利 阅读(9) 评论(0)
摘要: sublime官网地址： https://www.sublimetext.com/3 package Control 安装源码地址：https://packagecontrol.io/installation下载之后双击安装，一直next下一步就好，或者在选择文件安装...
19:03 葵托利 阅读(4) 评论(0)
摘要: 昨天面试中，面试官问了一个用replace结合正则实现清除字符串两边空格的方法，这个还是很好实现的，网上也有很多记录，基本上都是匹配字符串两侧的空白符，替换为空字符就可以了。 大体上就是下面这种方法。String.prototype.trim = function()...
16:46 葵托利 阅读(160) 评论(0)
摘要: const声明常量之前一直没有仔细想过const这个常量声明，有时候遇到了明显的问题，竟然忽略了过去，最终的结论是——const声明的常量是不能改变的，这句描述是并不太准确的。很多时候，常量声明用来声明一个固定的不变的数据，比如圆周率PI。const PI = 3.1...
23:24 葵托利 阅读(2) 评论(0)
摘要: 有关双向数据绑定的原理最近两次面试的时候，被问到了vue中双向数据绑定的原理，因为初学不精，只是使用而没有深入研究，所以答不出来。之后就在网上查找了别人写的博客，学习一下。下面是博客园一篇博客，以及MDN上讲解Object.defineProperty()方法的地址。...
19:30 葵托利 阅读(9) 评论(0)
摘要: 因为不了解.sass文件和.scss文件的区别，所以找到了一篇介绍的文章，记下来方便查看。原文地址：https://segmentfault.com/a/6206 作者：MrDream以下是内容：Sass 与 SCSS 是什么关系？2016年0...
17:12 葵托利 阅读(10) 评论(0)Windows 使用 Vargrant 搭建 Ruby on Rails 开发环境 · Ruby China
win版本：8.1
下载地址：
vagrant ：
VirtualBox ：
配置参考：{{
已经开始安装rvm，安装rails开发环境我就不详细说了，自行百度，资料非常多
然后我在centos的/vat/www/html运行rails new blog，win的电脑的C:\www文件夹里出现了blog
用了2个小时终于在windows下成功搭建rails环境，遇到了一些问题，通过百度都解决了。
使用win开发rails的同学，可以采用这种方法，可以锻炼你使用linux命令，了解linux，不用浪费时间去解决windows下那些奇葩问题。
linux我建议使用centos，也可以使用ubuntu，但是用centos做服务器的比较多，了解一些centos会好一些，自己进行选择。
ps：吐槽下win的cmd做的实在是太烂，推荐下xshell命令。
推荐windows下可以使用cmder非常还用，自带git，ssh,curl等工具。windows下vagrant唯一的坑就是共享目录速度慢...
使用vagrant的原因是能够解决使用win学rails却不想使用虚拟机或者linux的人的开发问题，因为win的平台使用一些gem会出现一些莫名其妙的问题，但是cmder确实是一种不错的cmd替代方案
这个不错，Windows 用户可以使用 vagrant 方便搭建开发环境了。
以前版本的vagrant共享速度挺好的不知道哪个版本起那速度简直了，以至于我都把代码给 rsync 到虚拟机后再运行项目
除非你对Rails非常熟悉，否则编辑器、测试什么都很慢。不值当
/vat/www/html -& /var/www/html
话说，刚接触rails的时候（11年）我是用vmware的融合模式来做无缝开发的。。。。
你也可以这么做
我用用vm虚拟机就好了，懒的折腾了
装个双系统我觉得挺好的
跟公司再要多一台电脑，哈哈。我公司现在后台也是用 svn，但是我拒绝用 svn，自己搭了 Gitlab
后方可回复, 如果你还没有账号请点击这里 。
共收到 12 条回复如何使用快捷键结束cmder进程_百度知道
如何使用快捷键结束cmder进程
我有更好的答案
bin你需要安装xampp吗？php\pear\docs&#92！这样之后，如果执行php--version你就不会看到错误信息;docERROR: failed to mkdir C:\xampp\phppear config-set doc_pear\temppear config-set test_dir d，你只需要执行cinstWget:\xampp\php，这是假设你把XAMPP安装到了D.app就行了！你还可以选择把它安装到哪里，通常，msysgit和clink打包在一起，让你无需配置就能使用一个真正干净的Linux终端;Cache_Lite\docsERROR: failed to mkdir C，我就发现Chocolatey真是很好用。Nano文本编辑器我真的很喜欢这个能执行快速便捷文本的工具，你就有了git，请检查你的XAMPP目录。另外：ERROR。有了cmder！它甚至还附带了漂亮的ol’monokai配色主题。这是一个款可移植的软件，你可以把它放在系统的任何一个目录里。它里面有一个bin/目录;docs\Calendar\testspear config-set www_dir d:&#92，你可以把想要的任何执行命令;datapear config-set cache_dir d，所以，如果你想在命令行里运行PHP命令;FrontendERROR: failed to mkdir C:&#92。你需要ruby吗？cinstrubyWget这是一个必不能少的好东西，有很多常用的工具(例如composer)需要用它来进行快速的，所有vim使用者都知道如何安装和配置它…集成XAMPP(Apache+PHP+MySQL+Perl)毕竟是在Windows平台上，安装这个集成包要比单独安装apache+mysql简单。XAMPP安装并不往WindowsPATH里添加任何路径信息: failed to mkdir C:&#92，你需要做这样：D:，如果有错误;php\pear\data&#92，有了一个不错的终端和大多数的linux命令((ls、文件都放在这里目录里，从终端里可以执行它们Linux终端Windows的cmd基本就是废物…但如果你愿意花时间去找:\xampp\php\pear&#92:\php\pear\downloadpear config-set temp_dir d:&#92: failed to mkdir C:&#92:\php\pear&#92:\xampp\php\pear&#92:\xampp目录里。要安装它，你只需要执行@powershell -NoProfile -ExecutionPolicy unrestricted -Command &iex ((new-object net，转到这个分区，然后cd D，就是你安装它需要所的所有操作！你需要注意的重要一点是，^W键是关闭tab页、简易的安装:\xampp\php\pear\php\cachepear config-set download_dir d，所以，如果你是把XAMPP安装在D，所以，你需要在cmder设置里取消这种快捷键关联。Vim你使用Vim？执行cinstvim就行了，当然:\xampp\php\pear&#92,grep,cat等等。)Gitcmder里已经有它了！省了很多事，不是吗？Chocolatey软件包管理系统因为我会大量的使用执行各种命令程序;php&#92。执行docs\Config\Auth\Auth&#92，你需要执行setPATH=%PATH%;data\Cache\ContainerERROR;cfgpear config-set data_dir d，它会被安装到D;docspear config-set cfg_pear\docs&#92，如果你打算执行PHP里的pear命令，你会遇到像下面这样的错误;xampp\Benchmark\docs这是因为XAMPP并没有去主动配置perl:\xampp\php\pear&#92:\xampp目录下;php&#92:\php\pear\D;xampp&#92:\xampp\php\pear&#92。安装它，最近我就发现了cmder这个东西，它把conemu，你能找到很多的可以替代它的软件.webclient).DownloadString('install.ps1'))& && SET PATH=%PATH%;%systemdrive%\chocolatey&#92,mv,cp:\xampp目录下;docs\examplesERROR: failed to mkdir C
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。博主最新文章
博主热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)