html5开发利器——sublimetext2+emmet插件

最新推荐文章于 2021-06-25 13:54:20 发布

xiaoxiao_engineer

最新推荐文章于 2021-06-25 13:54:20 发布

阅读量824

点赞数 1

分类专栏： Sublime3 文章标签： sublime

Sublime3 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、下载sublimetext2，

2、sublimetext是一文本编辑器，通过插件可以编程一个万能的IED。所以，为了管理插件，最好先安装一个package control插件。官网安装方法有两种：

方法一，在线安装，ctrl+` 打开控制台，然后输入一下脚本+回车，完成后重启即可(需要翻墙)

1

 
        import 
        urllib2,os,hashlib; h =  
        'eb2297e1a458f27d836c04bb0cbaf282' 
        +  
        'd0e7a3098092775ccb37ca9d6b2e4b7d' 
        ; 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' 
        ) 
       

方法二，离线安装，下载离线包点击打开链接，把其拷贝到sublimetext2的installed packages目录即可，最后重启。

安装完成后，在preference》下可以看到package control菜单，如图：

3、为了开发html5+css，需要安装emmet插件。其安装方法可以使用package control来安装，如下

1）ctrl+shift+p 输入install package +回车

2）之后输入emmet，选择后回车即可

3）重启后，就可使用了。emmet的常用快捷如下：

输入html:5，按Tab或Ctrl+E键输入a，按Tab或Ctrl+E键多个重复对象，用*，如li*3 按Tab 。如果是重复多个对象，可以用括号，把不同的对照组合成一个整体，比如table下面有多个tr，tr下面又有多个td，输入：tbody>(tr>td*4)*2，按tab，效果如下

3、nodejs插件安装：

1）ctrl+shift+p 输入install package +回车；然后输入nodejs，选第二个回车即可

2）重启sublime，在packages目录下会发现Nodejs文件夹，进去后进行如下配置：

Nodejs.sublime-build文件，把encoding修改成utf-8 Nodejs.sublime-settings文件，修改成如下

 
        { 
       
        // save before running commands 
       
        save_first: 
        true 
        , 
       
        // if present, use this command instead of plain node 
       
        // e.g. /usr/bin/node or C:in 
       
        ode.exe 
       
        node_command: F:Program Files 
       
        odejs 
       
        ode.exe, 
       
        // Same for NPM command 
       
        npm_command: F:Program Files 
       
        odejs 
       
        pm.cmd, 
       
        // as 'NODE_PATH' environment variable for node runtime 
       
        node_path: 
        false 
        , 
       
        expert_mode: 
        false 
        , 
       
        ouput_to_new_tab: 
        false 
       
        }