这么记录的目的很简单,自己会忘,所以干脆记录下来,下次用到,有自己熟悉的文档作参考,希望对你也有用,但不强求
分三步走
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"
}
}
]