Sublime Text3开发工具安装emmet插件

第一步:Sublime Text导入Package Control

  自动安装:

  1、打开Sublime Text -->View --> Show Console 菜单打开控制台

  2、粘贴Text3版本的代码后回车安装

    适用于 Sublime Text 3:

      import  urllib.request,os;pf=‘Package Control.sublime-package‘;ipp=sublime.installed_packages_path();urllib.request.install_opener        (urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),‘wb‘).write(urllib.request.urlopen(‘http://sublime.wbond.net/‘+pf.replace(‘ ‘,‘%20‘)).read())

  手动安装:

  1,先下载https://github.com/wbond/sublime_package_control中的zip文件,解压后将文件夹名更改为package control。

  2,下载插件分支https://github.com/wbond/sublime_package_control/tree/python3中的zip文件,解压后覆盖到package control中,完成此插件API函数的更新。

最后,将package control文件夹放入C:\Users\Mr.DenGo(你的电脑名)\AppData\Roaming\Sublime Text 3\Packages中,重启sublime text 3即可生效。

第二步:安装emmet插件

1、重启软件,点击Preferences-->Package Control:

2、点击Package Control后,可能需要等待1-3秒钟,然后在弹出的框中输入Install Package:

3、回车,再等待大约3秒后,输入Emmet:

4、双击Emmet,开始安装,进入安装界面:

5、测试,新建ctrl+N,保存为后缀名为html,输入!或者html:5再按Tab键,出现以下内容,安装成功。

时间: 2024-10-25 05:40:08

Sublime Text3开发工具安装emmet插件的相关文章

sublime text3 开发微信小程序插件

最近微信小程序挺火的所以就准备弄一个小程序玩一玩,但是使用sublime text3开发起来发现没有语法高亮,代码提示很不爽所以就百度了一下,发了了一个挺有意思的插件,在这里记录一下! 安装: 1.通过 Package Control: Install Package 搜索 Sublime wxapp 进行安装 2.用git克隆到Sublime的插件安装目录. 为了提高wxml的补全效率,需要选择菜单(Preferences > Settings),在打开的Preferences.sublime

Sublime Text3 Package Control和Emmet插件安装方法

因为初学前端,所以今天安装了Sumblime Text 3,然后就停不下来去找Package Control的安装方法. 网络上我找到并尝试过的方法有两种,我使用的是用Python代码去安装并成安装成功,在此记录安装过程.另一种下载Package Control安装包覆盖的办法没有成功(应该是个人操作问题). 1.将python代码以命令的方式去安装. 代码:import urllib.request,os; pf = 'Package Control.sublime-package'; ipp

windows系统下sublime text3开发工具前端配置

1.打开https://www.sublimetext.com/3下载最新版Sublime Text 3安装. 2.打开packagecontrol安装方法按提示安装packagecontrol,或者直接打开view->Show Console在弹出的命令行中粘贴下面的代码片段,然后按回车等待packagecontrol安装完成:import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee

sublime text3安装emmet插件

sublime text3如果不能ctrl+p去安装emmet插件, 就安装下面步骤操作: ①关闭Sublime Text 3 ②下载sublime_package_control-master.zip 下载地址:http://files.cnblogs.com/tinyphp/sublime_package_control-master.zip 解压命名文件夹为Package Control   (注意大小写) ③重新启动Sublime Text 3,在选择菜单里面选择:Preference-

sublime text3 开发 TypeScript 插件及配置

1.安装sublime text3 ,网上有很多,也可以留下联系方式和我要一下,我不知道怎么上传文件在这里,知道的亲们可以告诉我一下. 2.下载TypeScript,地址:https://visualstudiogallery.msdn.microsoft.com/2d42d8dc-e085-45eb-a30b-3f7d50d55304,安装. 3.这里重点介绍几个sublime text3 开发TypeScript的插件 1.T3S ,下载地址:https://github.com/Railk

Sublime Text3(mac)一些插件和快捷键

Sublime Text3(mac)一些插件和快捷键 楚简约 关注 2017.02.24 17:02* 字数 1216 阅读 412评论 0喜欢 2 下载地址http://www.sublimetext.com/3一.安装Package Control按Ctrl + ` 调出console,粘贴下列安装代码到底部命令行并回车: 重启Sublime Text.如果在Perferences->Package Settings 中看到package control这一项,则安装成功. 命令行.png

解决 TextMate 2 无法安装 Emmet 插件

本篇文章由:http://xinpure.com/solving-textmate-2-cannot-install-emmet-plugin/ 前端神器 Emmet 插件原名为 ZedCoding 前端开发,Emmet 插件是必不可少的开发神器,神奇之处这里就不赘述了. 最喜欢使用的编辑器就是 Textmate 和 Sublime 其实无论是 TextMate 还是 Sublime 安装 Emmet 插件的方法网上比比皆是,也非常简单 然而从 GitHub 找到的 Emmet.tmplugin

sublime text3 中cssrem安装与使用

sublime text3 中cssrem安装与使用 我们在移动端开发时,使用rem布局是一个不错的选择,及将所有元素的尺寸使用rem来设置,但是我们每次都需要先用设计稿中的值除以rem值然后才能得到最终的以rem为单位的数字,这时,cssrem插件就可以很好的解决我们遇到的问题了. (注:对于移动端布局,见我的另一篇博文<探究移动端开发>) 第一步:下载github中的cssrem,然后将名为cssrem-master文件夹移动到Preferences下的Browse Packages...

Eclipse离线安装Emmet插件

近期发现了一个写前端代码很好的一个东西,一个叫做Emmet的工具,这个工具使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,前身就是大名鼎鼎的Zen coding.先来看张图: 是不是非常带劲呢,假设能达到图中的效果,对我们开发前端的代码的速度将会有大幅度的提升. 这里仅仅分享怎样在Eclipse中离线安装emmet插件. 1.  假设须要离线安装emmet.须要从官方站点上下载emmet的源代码包.然后导出为我们须要的插件格式,首先登陆ememt的官网.http:/