Sublime Text3配置本地服务器

原创 潇洒先生 随笔 随笔 472阅读 2017-05-01 20:14:06 举报

为了测试项目的某个小功能,用sublime写了个简单的Ajax测试。直接右键选择在浏览器打开,结果浏览器控制台报错了。错误信息如下

SublimeText3配置本地服务器
原因也很简单:浏览器为了安全性考虑,默认对跨域访问禁止,由于该网友没有在服务器环境里运行含有ajax方法的页面,而是直接通过浏览器打开(类似file:///的访问形式,即file协议,而sublime直接打开的html文件就是用的file)本地页面ajax()请求本地页面,须通过服务器环境运行。注意:如果是在远程服务器里ajax()请求外域服务器里的页面,即使通过服务器环境运行也会报跨域的错误,此时需要通过JSONP的形式!
解决方法也很简单,建个本地服务器就可以了。可以用apache等,更简单的可以用自带服务器的编辑器打开这个软件,比如webstrom。但我现在用的sublime,学习一下sublime怎么配置本地服务器也是学习呢。查了下资料发现可以给sublime配置SublimeServer这个插件。配置完后sublime就有了本地服务器。可以同过localhost调试项目了。SublimeServer的配置如下。
1、Ctrl+Shift+P,启动Package Control
2、输入installPackage打开插件安装命令
3、输入sublimeServer找到sublime text的服务器插件,回车直接安装。
4、安装完成之后,点击菜单栏的Tools选项,就可以看到SublimeServer工具了,然后点击settings,
查看sublimesever的基本配置,这里可以修改服务器的端口号,文件扩展名等。
如图:

SublimeText3配置本地服务器

5、查看好设置后,点击Tools-->SublimeServer-->starSublimeServer,就可以启动服务器了
6、测试文件
在编写好的html文件点击鼠标右键,点击

SublimeText3配置本地服务器
如果运行成功,浏览器会显示以localhost开头的url:

SublimeText3配置本地服务器

如果将localhost用电脑的ip替换,手机和电脑同出一个无线网下,将url发送到手机,就可以联调了。

评论 ( 1 )
最新评论
前端的路上有我 2017-05-02 10:08:01 1F

谢谢分享,以前用的wamp服务器,每次都得放在www目录下很烦,这次的服务器方法很方便,增加了工作效率