subline3 添加emmet插件

这么记录的目的很简单,自己会忘,所以干脆记录下来,下次用到,有自己熟悉的文档作参考,希望对你也有用,但不强求

分三步走
1,安装subline3(省略)
2,安装Package Control
3,安装emmet

subline3+Package Control 下载地址: 
https://download.csdn.net/download/qq_37326058/65465111
2,安装Package Control

将 package_control-master.zip 解压后的文件夹 名称 改为 Package Control

subline3安装好之后,点击 Preferences >Browse Packages,会弹出一个windows文件窗口,将 Package Control 复制到 这个路径中

重启Subline3, 点击 Preferences 就可以看到 Package Control 下拉菜单

3,安装emmet

点击 Preferences >Package Control > Package Control : Install Package ,搜索emmet,安装即可。

可以打开并保存一个 html文档,输入 ul#nav>li.item$*4>a{Item $},按tab键测试。(无论是界面舒适度,还是插件使用,都能一定程度 解放效率,值得借鉴学习)

网络问题解决方式
为了不出现网络问题,建议 安装emmet前,做如下操作 :
(参照https://www.jianshu.com/p/fb313b7afd74)

1.WIN+R输入cmd打开命令行窗口;
2.在命令行窗口里输入ping sublime.wbond.net,获得一个ip地址 50.116.34.243
3.打开本机C:\Windows\system32\drivers\etc 目录下 host文件,在最后新增一行,内容如下:

50.116.34.243       sublime.wbond.net

回车,保存。(注意修改host文件需管理员权限)

subline的插件下载地址 为 :https://packagecontrol.io/ ,如果网络配置不好,可直接去插件网址下载,解压缩后放在 打开 Preferences >Browse Packages 后的文件夹中。

4,安装view in browser

安装 和 emmet相同。

但这里需要配置

1,点击 Preferences >Package Settings >View In Browser >Setting-Default ,会打开配置文档,全部复制。
再点击 Preferences >Package Settings >View In Browser >Setting-User ,打开配置文档后,将Setting-Default复制进去,并修改浏览器信息(主要你要看一下你的浏览器的实际安装位置是否正确)

"nt": {
		"win32": {
			"firefox": "C:\\Program Files\\Mozilla Firefox\\firefox.exe -new-tab",
			"iexplore": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
			"chrome": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe", 
			"chrome64": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",
			"yandex": "%Local AppData%\\Yandex\\YandexBrowser\\browser.exe"
		}
	},

	"browser": "chrome"

2,点击 Preferences >key Bindings ,打开配置界面,添加如下信息,然后 每次直接按f3,就可以直接调试你的html文档了。

[{
    "keys": ["f3"],
    "command": "view_in_browser",
    "args":{
        "browser":"chrome"
    }
}
]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值