sublime 3 emmet linux_Sublime- 安装前端插件Sublime Server

看到人家介绍sublime 用于前端开发,需要安装的两个插件 Emmet 和 Sublime Server。
经过检查,发现,Emmet已经不需安装了。Sublime Text 3基本自带了Emmet提供的功能。相反,安装了Emmet后,那些智能添加的功能倒是被block掉了。
但是SublimeServer好像也没太多实际用处,直接右键点击 open in Browser基本效果是一样的。
  • 为什么要安装Sublime Server

sublime本身浏览页面的方式,默认是用文件路径的方式去访问的,并不是以 http localhost:8080/的方式去访问页面,这很容易发生一些文件路径的误差。

比如我直接在sublime里右键点一个html文件,访问,

v2-e5bd9f306c3098294ad5bc09903b8aae_b.jpg

出来的页面是这样

v2-2707e55e3f903f3f3ad70a61e5a55aea_b.jpg

因为路径是这样的:

file:///Users/***/101camp/filisursightseeing/sightseeing/templates/sightseeing/index.html

当安装了Sublime Server 插件之后,就可以使用 htttp 的方式去访问页面了。

出来的路径是:

http://localhost:8080/sightseeing/index.html​localhost:8080

顺便记录一下,出现乱码,是因为,html页面的head部,没有设置meta 值

<meta charset="utf-8">


加上后,就正常了。

  • SublimeServer安装步骤
  1. 在Sublime界面,用Ctrl+Shift+P 打开管理器

v2-f5d2eb393fd7dc8c8d224887ddd9da89_b.jpg

2. 输入Install, 点击Package Control:Install Package,

v2-8a89e18ffbb7e12ae002bf1a2607b300_b.jpg

3.输入SublimeServer,点击第一个

v2-7050a6a1f217335180afdab484465d1a_b.jpg

4.过一会儿就安装成功了。

5. 查看是否安装成功, 在框中输入list

列出来的都是sublime text3 已经安装的插件,如果里面有Sublime Server,说明插件安装成功。

v2-f3c8b628238b6d1bc11a23a04a0e4bfd_b.jpg

相关文章

农儿:Sublime -如何安装插件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值