linuxsass
① 怎么使用Less/Sass编译工具koala
一、SASS调试插件的方法
如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。
如果光做好SASS的准备工作还不够，还需要让浏览器支持SASS。那么就需要一个浏览器的插件才能让浏览器识别SASS，从而方便开发人员进行开发。
如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。(如图1-1)
图1-1
如果你的css文件中没有以@media -sass-debug-info开头的代码，说明没有输出debug信息。请重新使用koala工具编译你的scss文件，并确定已经勾选了debug信息这个选项。
在火狐中调试，只需要再下载FireSass→即可。
二、编译工具koala的安装
1、进入页面
2、根据系统下载所需要的koala的版本
3、然后在下载文件夹中安装下载的EXE文件，即可安装成功
三、编译工具koala的优点
1、多语言支持：支持Less、Sass、CoffeeScript 和 Compass Framework。
2、实时编译：监听文件，当文件改变时自动执行编译，这一切都在后台运行，无需人工操作。
3、编译选项：既可统一设置文件的编译选项，也可单独设置某个文件的编译选项。
4、强大的文件右键功能：右键文件元素，即可操作打开文件，打开文件目录，打开输出文件目录，设置输出文件目录，编译，删除六大常用功能。
5、错误提示：在编译时如果遇到语法的错误，koala将在右下角弹出错误信息，方便开发者定位代码错误位置。
6、跨平台：windows、linux、mac都能完美运行。
7、免费且负责：koala完全免费，而且作者很负责，有什么问题作者都会及时给予答复，意见什么的可以直接提交给作者，一般在下一个版本就能得到解决。
② 使用SASS除了要安装Koala以外，为什么要安装Ruby
linux下ruby编程环境的安装和配置，方法如下：
1、去ruby官方下载安装包，下载地址：http://www.ruby-lang.org/en/downloads/
2、解压缩下载的ruby-1.9-stable.tar.gz安装包，进入目录。
su
#./configure -prefix=/usr/local/ruby-1.9
#make
#make install
此时可能出现的错误：
echo executable host ruby is required. use --with-baseruby option.;
false ./tool/generic_erb.rb -c -o known_errors.inc
./template/known_errors.inc.tmpl ./defs/known_errors.def
executable host ruby is required. use --with-baseruby option.
make: *** [known_errors.inc] Error 1
出现此问题的原因在于1.9版本的ruby编译需要系统默认安装旧版本的ruby，而ubuntu中默认没有安装。
3、解决方法：
sudo apt-get install ruby
#默认ubuntu10.10会自行安装ruby 1.8，之后再编译1.9就没问题了。
下载1.8.7版本源码编译安装，并设置临时环境变量 ，进入1.8源码目录
su
#./configure -prefix=/usr/local/ruby-1.8
#make && make install
export PATH=/usr/local/ruby-1.8/bin:$PATH
#此时使用ruby -v验证版本为1.8
4、在刚才安装配置ruby1.8的终端中继续重新进行1.9的编译安装，进入1.9源码目录：
#解压文件
tar vfxz ruby-1.9.1-p0.tar.gz
#进入解压后的文件夹
cd ruby-1.9.1-p0/
#编译源码,编译之前,应该先对/usr/local/ruby-1.9.1文件夹设置权限.
./configure --prefix=/usr/local/ruby-1.9.1
#大名鼎鼎的 make 和 install
make && make install
#设置PATH路径,把安装的ruby放在系统PATH前面，避免调用操作系统自带的ruby
export PATH=/usr/local/ruby-1.9.1/bin:$PATH
#在 ~/.profile 文件中增加了这样的代码:
if [ -d "/usr/local/ruby-1.9.1/bin" ] ; then
PATH="/usr/local/ruby-1.9.1/bin:$PATH"
fi
然后 注销 再登陆一次.
#如无意外
ruby -v
#ruby 1.9.1p0 (2009-01-30 revision 21907) [i686-linux]
#ruby 1.9.1安装成功了.
注意：之前安装了1.8版本ruby，可以直接通过rm -rf /usr/local/ruby-1.8删除即可。
③ linux systool 在哪个工具包中
systool命令
硬件管理
systool命令指令显示基于总线、类和拓扑显示系统中设备的信息。
语法
systool(选项)(参数)
选项
-a：显示被请求资源的属性；
-b<总线>：显示指定总线的信息；
-c<class>：显示指定类的信息；
-d：仅显示设备；
-h：显示指令的用法；
-m<模块名称>：显示指定模块的信息；
-p：显示资源的“sysfs”绝对路径；
-v：显示所有属性；
-A<属性>：显示请求资源的属性值；
-D：仅显示驱动程序信息；
-P：显示设备的父类。
参数
设备：指定要查看信息的设备名称。
实例
[root@localhost ~]# systool
Supported sysfs buses:
acpi
i2c
ide
pci_express
pci
pcmcia
platform
pnp
scsi
serio
usb
Supported sysfs classes:
backlight
cpuid
dma_v3
firmware
graphics
hidraw
hwmon
i2c-adapter
input
leds
mem
misc
msr
net
pci_bus
pcmcia_socket
printer
raw
sas_device
sas_end_device
sas_expander
sas_host
sas_phy
sas_port
scsi_device
scsi_disk
scsi_generic
scsi_host
sound
tty
usb_device
usb_endpoint
usb_host
vc
vtconsole
Supported sysfs devices:
acpi
pci0000:00
platform
pnp0
sequencer2
sequencer
seq
system
timer
Supported sysfs moles:
8250
acpi_memhotplug
ac
asus_acpi
ata_piix
auth_rpcgss
backlight
battery
button
cifs
cpufreq
crypto_api
dell_wmi
dm_log
dm_mem_cache
dm_message
dm_mirror
dm_mod
dm_multipath
dm_raid45
dm_region_hash
dock
e1000e
edac_mc
ehci_hcd
exportfs
ext3
hwmon
i2c_core
i2c_ec
i2c_i801
i7core_edac
i8042
ip_conntrack_netbios_ns
ip_conntrack
ip_tables
iptable_filter
ipv6
it821x
jbd
joydev
keyboard
libata
lockd
lp
md_mod
mousedev
mpt2sas
nfnetlink
nfs_acl
nfsd
nls_utf8
ohci_hcd
parport_pc
parport
pci_hotplug
pcmcia
pcmcia_core
pcspkr
piix
power_meter
printk
processor
psmouse
rsrc_nonstatic
sbs
scsi_dh
scsi_mod
scsi_transport_sas
sd_mod
serio_raw
sg
shpchp
snd_hda_intel
snd_hwdep
snd_mixer_oss
snd_page_alloc
snd_pcm_oss
snd_pcm
snd_seq_device
snd_seq_mmy
snd_seq_midi_event
snd_seq_oss
snd_seq
snd_timer
snd
soundcore
sunrpc
tcp_bic
tpm_bios
tpm_tis
tpm
uhci_hcd
usbcore
usbhid
video
wmi
x_tables
xfrm_nalgo
xt_limit
xt_state
xt_tcpudp
yenta_socket
④ sass&less适合大型网站么
前端用LESS的还是SASS的多
这个问题本不想回答，因为没有任何意义，见问得人多了，Sass和LESS是一样的，只是CSS预处理器中的一种而以。对于国内使用哪
一种多的，我想没有做过统计的人是无法回答。前段时间我在weibo上做了一个初略的统计，喜欢LESS的同学多
于喜欢Sass的同学。但对于我个人的观点来说：
１、LESS环境较Sass简单
２、有同学说LESS使用较Sass简单
３、相对而言，国内前端团队使用LESS的同学会略多于Sass
４、从功能出发，Sass较LESS略强大一些
５、Sass在市面上有一些成熟的框架，比如说Compass，而且有很多框架也在使用Sass，比如说Foundation
６、就国外讨论的热度来说，Sass绝对优于LESS
７、就学习教程来说，Sass的教程要优于LESS。在国内LESS集中的教程是LESS中文官网，而Sass的中文教程，
慢慢在国内也较为普遍。
最后，你自己使用哪一种，不应该根据国内对哪一种使用的人多来做出发参考，而是哪种更适合自己的团队。
Sass
Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。
SASS是对CSS3（层叠样式表）的语法的一种扩充，它可以使用巢状、混入、选择子继承等功能，可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用，也就是说它本身的语法并不太容易让浏览器识别（虽然它和CSS的语法非常的像，几乎一样），因为它不是标准的CSS格式，在它的语法内部可以使用动态变量等，所以它更像一种极简单的动态语言。
SASS用法指南
学过CSS的人都知道，它不是一种编程语言。
你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。
很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。
各种"CSS预处理器"之中，我自己最喜欢SASS，觉得它有很多优点，打算以后都用它来写CSS。
Linux命令
名称：less
使用权限：所有使用者 ，是不可数名词
使用方式：
less [Option] filename
说明：
less 的作用与 more 十分相似，都可以用来浏览文字档案的内容。不同的是 less 允许使用者往回卷动
以浏览已经看过的部份，同时因为 less 并未在一开始就读入整个档案，因此在遇上大型档案的开启时，会比一般的文书编辑器(如 vi)来的快速。
⑤ linux什么时候使用gulp serve
使用 gulp 搭建前端环境入门篇
1. gulp 入门基础
2. 配置常用插件
3. ES6 代码转化
4. 完整演示示例
5. 参考文档
原文链接
gulp 入门基础
1.全局安装 gulp ：
$ npm install --global gulp
2.作为项目的开发依赖 (devDependencies)
$ npm install --save-dev gulp
3.在项目根目录下面创建一个名为 gulpfile.js 的文件：
$ touch gulpfile.js
// 配置 gulp 的相关任务
4.运行 gulp：
$ gulp
配置常用插件
下面的步骤从零开始动手搭建环境
1.检查你的 node 版本和 gulp 版本
node -v
// => v4.0.0
gulp -v
// => CLI version 3.9.0
// => Local version 3.9.0
2.安装常用 插件
初始化项目目录
$ mkdir ES6-with-gulp-babe && cd ES6-with-gulp-babe && git init && npm init
注： 使用 npm init 创建一个 package.json 存储依赖关系等配置信息
安装依赖插件
$ npm install --save-dev gulp gulp-sass gulp-autoprefixer browser-sync gulp-notify
上述命名依次安装了 gulp 、 gulp-sass 、 gulp-autoprefixer 、 browser-sync 、 gulp-notify 等常用插件，其中：
gulp-sass 用于将 Sass 文件编译为 CSS 文件
gulp-autoprefixer 根据浏览器版本自动处理添加浏览器前缀
browser-sync 能让浏览器实时、快速响应文件更改（html、js、css、sass、less等）并自动刷新页面
gulp-notify 用于任务提醒
3.创建 gulp 的配置文件 gulpfile.js
以 browser-sync 为例来配置 gulpfile.js 文件
// 加载插件
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
// 静态服务器 + 监听 scss/html 文件
gulp.task('serve', ['sass'], function() {
browserSync.init({
server: "./app"
});
gulp.watch("app/scss/*.scss", ['sass']);
gulp.watch("app/*.html").on('change', browserSync.reload;);
});
4. Browsersync 可以同时在PC、平板、手机等设备下进项调试
ES6 代码转化
使用 ES6 的语法重写 gulpfile.js , 在最新的 gulp 3.9 版本上，开发者可以使用 ES6 语法来编写配置文件,但是需要安装 babel 来转化 ES6 代码
第一步：安装 babel
npm install babel-core babel-preset-es2015 --save-dev
第二步：在根目录下创建 .babelrc 配置文件
touch .babelrc
并添加以下内容：
{
"presets": ["es2015"]
}
注： .babelrc 为 babel 的配置文件，保存在项目的根目录下，其中presets用于设置开启的语法特性集合，详细介绍可参考官方文档： https://babeljs.io/docs/usage/babelrc/ 和 http://babeljs.io/docs/plugins/#presets
第三步：将 gulpfile.js 重名为 gulpfile.babel.js
mv "gulpfile.js" "gulpfile.babel.js"
第四步：现在我们就可以使用ES6的语法重写 gulp 的配置文件
'use strict';
import babel from 'gulp-babel';
gulp.task('babel',() => {
gulp.src('src/app.js')
.pipe(babel())
.pipe(gulp.dest('dist'))
.pipe(notify({ message: 'babel task complete' }));
})
完整演示示例
1.安装
Clone the repo
npm install -g gulp to install Gulp globally.
npm install to resolve project dependencies.
2.使用
Run gulp
⑥ webtorm sass封装的类怎么引入
1.搭建环境（简单的下载安装Ruby）
下载安装Ruby，Windows下的Ruby下载，Mac OS X 就跳过这一步，Linux自己去找吧（这部分用户的强项）
建议安装的时候勾选下，这样可以直接通过cmd命令行操作（不必手动添加Path）
2.安装SASS
完成第一步之后，在开始菜单中找到并运行Ruby命令行
启动可以看到命令行窗口，安装SASS（LESS安装方法相同），在命令行键入如下代码（其实官网顶部所列的三条即为常用的）并回车：
gem install haml
3.开始工作
打开编辑器创建style.sass文件，拷贝官网的演示代码，如：
$blue: #3bbfce
$margin: 16px
.content-navigation
border-color: $blue
color: darken($blue, 9%)
.border
padding: $margin / 2
margin: $margin / 2
border-color: $blue
但是项目中我们需要用到的是.CSS后缀名的样式文件，转换方法如下：
在命令行键入
sass --watch style.sass:style.css
这里需要注意的是但前命令行所在的目录是相对应的，由于我的演示站点路径为
X:IDEAsass
所以需要从默认的C盘桌面指定到相应文件目录再运行命令
运行成功可以看到目录下多了一个style.css文件，文档中生成的代码如下：
.content-navigation {
border-color: #3bbfce;
color: #2b9eab;
}
.border {
padding: 8px;
margin: 8px;
border-color: #3bbfce;
}
如果想要监听匹配整个CSS文件目录代码如下：
sass --watch stylesheets/sass:stylesheets/css
OK，正常运行，我用的IDEA编辑器自带有SASS插件的，结构还是蛮清晰的.
⑦ ruby linux怎么执行命令
你根本没有进入ruby控制台，ruby要先运行ruby指令才进入ruby环境。
$，这是书本上表示的命令提示符。你要看一下书本上的前言或者第一章，一般书本在最开始会说明一下符号，字体格式代表的含义，你没有从头看起，漏掉了重要的提示信息。书本开头肯定告诉你$，表示命令提示符，这个字符不需要你输入的。
cd testsass已经成功了，你又用cd ..返回了，这是不对的。
touch style.css，要单独输入的，不要和cd命令混在一块。
你连基本的命令行概念都没有搞懂。
$是Linux的提示符，你用了Windows，估计后面很多问题，因为书本是以Linux为目标系统个来写的。
⑧ docker的宿主系统是centos，为什么可以运行ubuntu的镜像
首先需要区分Linux内核与Linux发行版
Linux内核是Linux操作系统的核心, 负责硬件管理, 比如管理内存、管理磁盘（文件系统）、管理CPU(进程)等等...
Linux发行版是在Linux内核的基础上添加了一些工具软件,比如图形界面、函数库、软件包管理系统等等...
CentOS与Ubuntu是不同的Linux发行版, 它们都是基于Linux内核， 只是添加的工具软件不同。比如， 他们的软件包管理系统不同， CentOS使用yum命令安装软件， 而Ubuntu使用apt-get命令安装软件。
因此CentOS与Ubuntu的内核是相同的(版本可能不同), 只是所安装的软件不同， 即文件系统不同。
Docker容器技术是基于Linux内核实现的， 它主要用到了两个内核模块:
Namespace： 用于容器的隔离， 例如PID Namespace使得容器中的进程无法感知宿主机以及其他容器中的进程。
Cgroups: 用于容器的资源控制， 比如限制容器所使用的内存大小或者CPU个数。
在CentOS上运行基于Ubuntu镜像的容器时, 容器使用了CentOS主机的内核以及Ubuntu镜像, Ubuntu镜像中安装了Ubuntu的各种软件(apt-get)。
⑨ 想用Sass，但是为什么一定要安装ruby
linux下ruby编程环境的安装和配置，方法如下：
1、去ruby官方下载安装包，下载地址：
2、解压缩下载的ruby-1.9-stable.tar.gz安装包，进入目录。
su
#./configure -prefix=/usr/local/ruby-1.9
#make
#make install
此时可能出现的错误：
echo executable host ruby is required. use --with-baseruby option.;
false ./tool/generic_erb.rb -c -o known_errors.inc
./template/known_errors.inc.tmpl ./defs/known_errors.def
executable host ruby is required. use --with-baseruby option.
make: *** [known_errors.inc] Error 1
出现此问题的原因在于1.9版本的ruby编译需要系统默认安装旧版本的ruby，而ubuntu中默认没有安装。
3、解决方法：
sudo apt-get install ruby
#默认ubuntu10.10会自行安装ruby 1.8，之后再编译1.9就没问题了。
下载1.8.7版本源码编译安装，并设置临时环境变量 ，进入1.8源码目录
su
#./configure -prefix=/usr/local/ruby-1.8
#make && make install
export PATH=/usr/local/ruby-1.8/bin:$PATH
#此时使用ruby -v验证版本为1.8
4、在刚才安装配置ruby1.8的终端中继续重新进行1.9的编译安装，进入1.9源码目录：
#解压文件
tar vfxz ruby-1.9.1-p0.tar.gz
#进入解压后的文件夹
cd ruby-1.9.1-p0/
#编译源码,编译之前,应该先对/usr/local/ruby-1.9.1文件夹设置权限.
./configure --prefix=/usr/local/ruby-1.9.1
#大名鼎鼎的 make 和 install
make && make install
#设置PATH路径,把安装的ruby放在系统PATH前面，避免调用操作系统自带的ruby
export PATH=/usr/local/ruby-1.9.1/bin:$PATH
#在 ~/.profile 文件中增加了这样的代码:
if [ -d "/usr/local/ruby-1.9.1/bin" ] ; then
PATH="/usr/local/ruby-1.9.1/bin:$PATH"
fi
然后 注销 再登陆一次.
#如无意外
ruby -v
#ruby 1.9.1p0 (2009-01-30 revision 21907) [i686-linux]
#ruby 1.9.1安装成功了.
注意：之前安装了1.8版本ruby，可以直接通过rm -rf /usr/local/ruby-1.8删除即可。
⑩ 软件测试和前端开发有什么区别
软件测试和前端都是目前比较火的岗位，不存在哪个更好一说，看你自己对哪方面感兴趣，更适合学习哪方面。以下就是两者的区别，可以做一些了解与参考：
1、软件测试
顾名思义，就是在规定的条件下对一个产品或程序进行操作，以发现程序错误，衡量软件质量，并对其是否能满足设计要求进行评估的过程。通俗来讲，软件测试是保障软件质量全过程的集合。
前景：
随着用户对产品要求逐渐提升，测试人员在企业内部的分量只会越来越重，北上广深等一线城市将会带动其他城市一起发展。因此，软件测试的前景只会是越来越好，当然，最基础的功能测试的岗位需求已经很少了，但自动化、性能、安全乃至于以后可能出现的大数据测试、AI测试仍存在着非常多的机会。
3、web前端
早期互联网时代，电脑端的网站页面主要以静态为主，相对来说也没那么复杂。而现在随着网络信息逐渐丰富，网页发生了很大的变化，企业更加注重用户交互，各种产品层出不穷，好产品想要长久发展，用户体验就变得尤为重要，特别是移动端产品。
Web前端技术主要包括HTML5、CSS3、Less、Sass、响应式布局、移动端开发、以及Ps设计等，更高级的前端开发人员还需要掌握JavaScript 语言、Mysql、Mongodb数据库开发、vue.js、webpack、elementui等前端框架技术。
前景：
大家熟知的Facebook就是Web前端技术的产物，完全基于前端框架打造出来的平台。另外，外卖平台饿了么旗下的部分产品也是基于Web前端技术的。像淘宝，网络，阿里等等，都已经将Web前端技术打入到了自己的产品中。
随着人们越来越重视用户界面的设计美感和操作体验，企业对Web前端工程师的需求也变得越来越大，而且Web前端开发资深人员的市场缺口仍在与日俱增。国外的前端开发和后端开发人员占比为1:1，国内占比是1:3，虽然比例相差较大，但随着web前端行业的高速发展，其岗位的人才缺口已经达到了近50万，并且北上广深等一线城市的Web前端开发人员的薪资待遇也因此而一高再高。