


【笔记JS/HTML/CSS】ubuntu环境下的sublime text2 安装 zenCoding_html/css_WEB-ITnose
刚接触web编程的时候就被老师安利了sublime text2 这个文本编辑器,后来发现它真的挺好用的,无论是windows还是ubuntu,都可以很简单地下载安装(到官网,免费哦),三分钟内就搞定了,简直懒人最爱。
还想更懒的话,最近又发现了一个插件ZenCoding,查了一下资料真的很厉害的样子。貌似在2010年的时候就有了,现在改名Emmet
sublime装上它之后就可以酱紫:
先输入一行代码如下
再按下tab键,就如下图展开了
因为不想重新学习jade语法,投奔ejs+zencoding的我像发现新大陆一样0 0
接下来记录一下我的安装过程(给同是ubuntu的童鞋,亲测有效)
下载sublime text2直接到官网http://www.sublimetext.com/找到合适自己环境的下载就好,解压,就可以直接用了
1. 检查sublime是否有安装package control
打开sublime->Preferences查看是否有
若没有,ctrl + ~ 弹出console,
输入以下命令安装package control:
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
2.ctrl+shift+P 然后输入package install 回车
3.查找Emmet 再回车 (我在这找不到zencoding,后来才知道它改名了。。。)
最后重启以下sublime就好了。
PS:
之前在网上查资料的时候就有说可以直接下载安装包,解压到sublime目录下的package文件夹就好,我试了一下,重启之后原来粘贴进去的文件夹就不见了。。额。。这。。

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit
