您的位置：首页 > Web前端 > React

mac sublime2-3 text 安装 emmet Html 开发神器 react

2016-04-22 22:57 656 查看
1.首先你的有个妹子Sublime 2/3.



2.安装Package control



2.1打开Sublime 内置命令行.(View-Open Console 或者control+`) `就是1键盘旁边的键

22复制下面代码到命令行到底部命令行。



import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')






3.打开Sublime 

3.1打开Sublime 内置命令行.(View-Open Console 或者control+`) `就是1键盘旁边的键

3.2复制下面代码到命令行到底部命令行。



sublime 2



<pre name="code" class="javascript">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'


sublime 3 

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)


4. PC 下 Ctrl+Shift+P, Mac 下 Cmd+Shift+P（Tools
– Command Paletter），输入 install 选中Package Control: Install Package 并回车，然后输入 Emmet.

在sublime 底部会出现安装的提示，完成后会显示。

Package Control Message  的文本

5.如何使用emmet

5.1 新建index.html 文件。

5.2 键入html:5 然后按 TAB，爽爆的感觉，自动出来

5.3常用指令

html:5 ==!

link:css +TAB  ->   <link rel="stylesheet" href="style.css">

link

a{name}  ->  <a href="">abc</a>

head.logo -> <head
class="log"></head>

ul>li*5   ->

 <ul>

  <li></li>

  <li></li>

  <li></li>

  <li></li>

  <li></li>

 </ul>


> 可以使用多次

! 

 p>Lorem10
or p>Lorem50




6. sublime react autocomplete

cmd+shift+p 

React Templates

ref:
https://packagecontrol.io/installation

https://hoolite.be/2014/07/04/install-use-emmet-zen-coding-plugin-sublime-text-2/


http://docs.emmet.io/

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                sublime
                                                emmet
                                                mac
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航