Good CSS Editors for Linux (Ubuntu)

软件和网站开发以及相关技术探讨
回复
头像
wjs272
帖子: 775
注册时间: 2007-04-17 13:32
来自: 上海理工大学
联系:

Good CSS Editors for Linux (Ubuntu)

#1

帖子 wjs272 » 2007-09-11 19:12

网址:http://tips.webdesign10.com/good-css-ed ... nux-ubuntu
Good CSS Editors for Linux (Ubuntu)
Submitted by WebDesign10 on 2006, August 27 - 1:21am. CSS | Free Software | jEdit | Linux | Ubuntu | vim

There are many good CSS editors for Linux. Basically, all you really need is a text editor that will perform syntax highlighting on CSS files. Some of the programs below are just simple text editors, while some offer additional features.
Cream / Vim for Editing CSS

Cream is a version of Vim that makes Vim easy to use. I highly recommend Cream if you are looking for a simple text editor, or want to learn Vim the easy way. Here is a screenshot of editing some CSS with Cream:

Using Cream/vim to edit a CSS file

To install Cream on Ubuntu (or any Debian-based Linux), use:

sudo apt-get install cream

[Note: you may need to have the Universe repository enabled to install some of these programs on Ubuntu.]

Here is a screenshot of using Vim in GNOME Terminal to edit some CSS:

Using Vim to edit CSS

Vim comes pre-installed on most (all?) Linux distros. To install the graphical version of Vim (Gvim) on Ubuntu, type sudo apt-get install vim-gnome in a terminal.

If you are using Vim in a terminal and want to switch to Gvim just go into normal mode (i.e., push ESC, Ctrl-c, or Ctrl-[) and type :gui. Gvim will launch and the terminal will pass the file to Gvim.
Quanta as a Linux CSS Editor

Quanta Plus is a great HTML and CSS editor. I usually use it for editing HTML, CSS, and PHP files directly on remote servers over FTP. Quanta has many features. A useful feature of using Quanta for CSS is the color dialog as shown below:

Using Quanta to edit CSS

Here is a larger screenshot of Quanta running on Ubuntu, with CSS documentation browser on the right sidebar, and document structure browser on the left sidebar:

Quanta Plus, a full-featured CSS editor for Linux

To install Quanta on Ubuntu, the following command should work:

sudo apt-get install quanta
cssed

cssed is a GTK-based CSS editor. It has many CSS-specific features, including color picker, and CSS helpers. Definitely worth experimenting with.

cssed is a great css editor for Linux

To install cssed on Ubuntu use:

sudo apt-get install cssed
gedit as a CSS Editor

gedit — the default text editor for GNOME — works well as a simple CSS editor. It lacks a color picker tool though.

Using gedit for editing CSS
SciTE as a CSS Editor

SciTE is a great text editor that runs on both Linux and Windows. I don't know of any special features that SciTE has for editing CSS, but I often use it to print CSS files, especially when using Windows. SciTE can also export your CSS files to PDF format while preserving the syntax highlighting. SciTE is a nice editor for the toolkit.

SciTE editing a CSS file
jEdit as a CSS Editor

jEdit is a great editor that is written in Java, but I've stopped using it because it runs a little too slow on my computer. You can install jEdit on Ubuntu, but if you are having problems, make sure that you have Sun's version of Java installed on your computer. The GNU version might not work as well.

jEdit on Ubuntu
Bluefish as a CSS Editor

Bluefish is another text editor that you can use to edit CSS files on Linux. One great feature of Bluefish is the CSS reference that is included. Here is a screenshot of Bluefish on Ubuntu, editing some CSS:

Bluefish on Ubuntu, editing CSS

To install Bluefish on Ubuntu, just use:

sudo apt-get install bluefish
Summary

Which CSS editor should you pick? I recommend trying several. If you just want a simple text editor that highlights your CSS then try Cream or SciTE. If you want more features, try Quanta (KDE), Bluefish (GNOME), or cssed (GNOME). I am using GNOME, but I often use Quanta, because it is great for editing files over FTP (Konqueror is my main FTP program). I like emacs' features for editing HTML, but not so much for CSS because Emacs CSS mode adds an extra space where I don't want it. I'm sure there is a workaround, but I haven't had time to fix it yet.
zhangsong023
帖子: 768
注册时间: 2006-09-20 19:56

#2

帖子 zhangsong023 » 2007-09-14 17:22

最爽的CSS编辑器我觉得是GVIM(VIM)了,其本身的编辑特性加上语法高亮以外,还有根据上下文具体环境的实时智能补全,补全项目包括属性及其对应的属性值。上次编辑Emacs Muse使用的的CSS文件就用的它(比Emacs里的CSS Mode高效一点儿),不方便的是不能快捷的看到每次修改的作用对象和作用效果。

不过我完全不做网页设计,不知道在很复杂的工程中是什么样的情况(Muse用的那个CSS文件只有六七百行,并且只是静态的页面,也许说明不了太大问题)。
上次由 zhangsong023 在 2007-09-22 21:54,总共编辑 2 次。
头像
wjs272
帖子: 775
注册时间: 2007-04-17 13:32
来自: 上海理工大学
联系:

#3

帖子 wjs272 » 2007-09-14 19:21

根据上下文具体环境的实时智能补全,补全项目包括属性及其对应的属性值
真有那么厉害?
怎么装啊?
zhangsong023
帖子: 768
注册时间: 2006-09-20 19:56

#4

帖子 zhangsong023 » 2007-09-22 21:55

C-x C-o
huangweiqiu
帖子: 68
注册时间: 2007-02-02 11:40

#5

帖子 huangweiqiu » 2007-09-26 10:16

KOMPOZER 和BLUEFISH 是最好用的,尤其是KOMPOZER 的CSS 编辑器,用来排版比DW 还好用
回复