less在線編譯

Ⅰ webstorm怎麼把less文件編譯成css

在webstorm里可以直接新建style sheet 文件呀，這個不就是CSS格式文件嗎。為什麼要用less文件？

Ⅱ less的命令行編譯如何編譯整個目錄

解決方法太多了
windows下有圖形工具koala
linux下可以寫命令行
node可以配合less_watch等
很多ide也支持less

Ⅲ 如何使用hbuilder編譯less

有插件自動編譯，工具里有

Ⅳ 如何讓less編譯後的css代碼擁有「局部作用域」

css文件進行壓縮變行 我用grunt自化構建工具less文件進行監控要less文件保存進行css文件轉換並css進行文件壓！

Ⅳ less文件編譯css，css文件為什麼是空的呢

有些軟體有插件可以實時編譯，比如sublime。

我用的是gulp，方便前端自動化。你可以網上搜一下，用起來啊很方便。

舉個例子：

java">vargulp=require('gulp');
varless=require('gulp-less');
varnotify=require('gulp-notify');
varplumber=require('gulp-plumber');
varconcat=require('gulp-concat');
varminifycss=require('gulp-minify-css');
varrename=require('gulp-rename');
varwatch=require('gulp-watch');
varuglify=require('gulp-uglify');
varautoprefixer=require('gulp-autoprefixer');
varlessPath='./src/less/*.less';
varlessMainPath='./src/less/main.less';
varlessDist='./src/css/';
varcssPath='./src/css/*.css';
varjsSrcPath='./src/js/*.js';
vardistPath='./dist/';
//編譯less
gulp.task('lessCompile',function(){
gulp.src([lessMainPath])
.pipe(plumber({errorHandler:notify.onError('Error:<%=error.message%>')}))
.pipe(less())
.pipe(gulp.dest(lessDist));
});
//監控less文件變化
gulp.task('watchLess',function(){
gulp.watch(lessPath,['lessCompile']);
});
//css合並壓縮加前綴
gulp.task('handleCss',function(){
returngulp.src(cssPath)
.pipe(plumber({errorHandler:notify.onError('Error:<%=error.message%>')}))
.pipe(concat('app.css'))
.pipe(autoprefixer({
browsers:['last5versions','Android>=4.0'],
cascade:true,
remove:false
}))
.pipe(gulp.dest(distPath))
.pipe(minifycss())
.pipe(rename('app.min.css'))
.pipe(gulp.dest(distPath));
});
//監控css文件變化
gulp.task('watchCss',function(){
gulp.watch(cssPath,['handleCss']);
});

Ⅵ 如何使用lessc編譯.less文件

這是一個簡單的測試代碼test.less，內容如下

@color: #4D926F;

#header {
color: @color;
}
h2 {
color: @color;
}

該文件位於 E: est.less。

啟動node.js控制台，進入test.less文件所在的目錄，輸入lessc test.less > test.css命令，less文件就會被編譯成css文件

Ⅶ less編譯完 最後用css 嗎

1.less是css預處理器，編譯後，可以在html中直接引用編譯的css。
2.可以直接引用less文件，然後在引入解析less的js庫就可以了

Ⅷ 怎麼使用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完全免費，而且作者很負責，有什麼問題作者都會及時給予答復，意見什麼的可以直接提交給作者，一般在下一個版本就能得到解決。

Ⅸ hbuilder怎麼自動編譯less

一、預備環境 iOS開發環境，Mac OS、XCode5.0以上版本； 下載HBuilder離線打包iOS版SDK（5+ SDK下載）。 SDK目錄說明： HBuilder-Hello：離線打包演示應用； Feature-iOS.xls：iOS平台各擴展Feature API對應的庫文件列表； Readme.txt：版本說明