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前端開發人員的薪資待遇也因此而一高再高。