sublime如何安装内部服务器

worktile 其他 89

回复

共3条回复 我来回复
  • 不及物动词的头像
    不及物动词
    这个人很懒,什么都没有留下~
    评论

    安装Sublime Text的内部服务器可以让你方便地在浏览器中查看和编辑你的代码。下面是详细的安装步骤:

    1. 下载Sublime Text:首先,你需要从Sublime Text官方网站(https://www.sublimetext.com/)上下载并安装Sublime Text编辑器。

    2. 安装Sublime Package Control:将Sublime Package Control安装到Sublime Text中。打开Sublime Text编辑器,在菜单栏中选择“View”(视图)>“Show Console”(显示控制台)。将下面的代码复制并粘贴到控制台中,然后按下回车键:

    import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
    

    这将自动安装Sublime Package Control。

    1. 安装Sublime Server插件:打开Sublime Text编辑器,在菜单栏中选择“Preferences”(首选项)>“Package Control”(插件控制)>“Install Package”(安装插件)。然后输入“Sublime Server”并按下回车键进行搜索。选择“Sublime Server”并等待安装完成。

    2. 配置Sublime Server:在Sublime Text编辑器中,打开一个项目或创建一个新项目。选择“Sublime Text”(Sublime Text菜单)>“Preferences”(首选项)>“Package Settings”(插件设置)>“Sublime Server”(Sublime Server菜单)。在打开的菜单中选择“Settings-User”(用户设置),然后将下面的配置复制并粘贴到其中:

    {
        "servers": [
            {
                "name": "Local Server",
                "host": "localhost",
                "port": 8080,
                "root": "/path/to/your/project",
                "command": "python -m http.server"
            }
        ]
    }
    

    /path/to/your/project替换为你实际项目的路径。

    1. 启动内部服务器:在Sublime Text编辑器中,选择“Sublime Text”>“Preferences”>“Package Settings”>“Sublime Server”>“Server: Start”启动内部服务器。

    2. 在浏览器中访问代码:打开你的浏览器,输入localhost:8080127.0.0.1:8080访问内部服务器。你将能够在浏览器中查看和编辑你的代码。

    这样就完成了Sublime Text内部服务器的安装和配置。你可以方便地在浏览器中编辑和预览你的代码了。希望对你有所帮助!

    1年前 0条评论
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    要在Sublime Text中安装内部服务器,你可以按照以下步骤进行操作:

    1. 安装Package Control(如果尚未安装):打开Sublime Text,按下Ctrl+` 调出控制台。在控制台中输入以下代码,然后按下回车执行:

      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())
      

      安装完成后,你将在Sublime Text的菜单栏中看到“Preferences”下面出现了一个“Package Control”选项。

    2. 安装内部服务器插件:点击Sublime Text菜单栏中的“Preferences”,选择“Package Control” > “Install Package”;然后在弹出的输入框中输入“Internal Server”并按下回车键。等待片刻,Sublime Text将自动安装“Internal Server”插件。

    3. 配置内部服务器:在Sublime Text中按下Ctrl + ` 调出控制台,然后输入以下代码,按下回车键执行:

      import socket, platform; 
      ip = socket.gethostbyname(socket.gethostname());
      f = open(sublime.packages_path()+"/Internal Server/server.py", "w");
      p = platform.system();
      f.write("#!/usr/bin/env python\n\nimport os\n\nos.chdir(os.path.expanduser(\"~\"))\n\nif (\"Windows\" == \"%s\"):\n\tos.system(\"start http://\" + os.getenv(\"HTTP_INTERNAL_IP\", \"%s\") + \":%s/\")\nelse:\n\tos.system(\"open http://\" + os.getenv(\"HTTP_INTERNAL_IP\", \"%s\") + \":%s/\")" % (p,ip,port,port));
      f.close();
      

      该代码会在Sublime Text的Packages目录下创建一个Internal Server文件夹,并在其中创建一个server.py文件。

    4. 启动内部服务器:点击Sublime Text的菜单栏,选择“Tools” > “Internal Server” > “Start Server”。这将启动内部服务器并在浏览器中打开一个新页面,显示你的内部服务器的IP地址和端口号。

    5. 在浏览器中访问:将显示的IP地址和端口号输入到浏览器的地址栏中,按下回车键即可访问你的内部服务器。

    请注意,如果你使用的是Windows系统,可能需要额外配置防火墙或者开放相应的端口以允许内部服务器的访问。

    1年前 0条评论
  • fiy的头像
    fiy
    Worktile&PingCode市场小伙伴
    评论

    在Sublime Text中安装内部服务器可以帮助开发者在本地环境中运行和调试动态网页。下面是安装内部服务器的方法和操作流程:

    1. 下载安装Node.js:内部服务器通常是使用Node.js来运行的,因此需要先安装Node.js。在Node.js官方网站(https://nodejs.org)上下载适合您操作系统的安装程序,并按照安装指引将Node.js安装到您的计算机上。

    2. 安装http-server模块:在命令行中输入以下命令来全局安装http-server模块,它是一个用于运行内部服务器的工具。

    npm install -g http-server
    
    1. 配置Sublime Text的构建系统:在Sublime Text中,构建系统允许您通过快捷键或菜单来运行命令。首先打开Sublime Text,然后点击菜单栏中的 "Tool" 选项,选择 "Build System",然后选择 "New Build System"。这将打开一个新的配置文件。

    在配置文件中,输入以下内容:

    {
      "cmd": ["http-server", "-p", "8080"],
      "working_dir": "$file_path",
      "selector": "source.js"
    }
    
    1. 保存配置文件:将配置文件保存到默认的用户包文件夹中。点击菜单栏中的 "File" 选项,选择 "Save",然后在文件名输入框中输入 "httpserver.sublime-build"。确保保存的位置是在默认的用户包文件夹中。用户包文件夹的路径可以通过点击菜单栏中的 "Preferences" 选项,选择 "Browse Packages" 来查找。

    2. 运行内部服务器:在Sublime Text中打开您要运行的项目文件,然后按下 "Ctrl + B"(Windows)或 "CMD + B"(Mac)来运行内部服务器。您将在Sublime Text的底部状态栏中看到一个消息,指示服务器已经成功运行,并且可以通过"http://localhost:8080"来访问。

    现在,您已经成功安装和配置了Sublime Text中的内部服务器。您可以在本地环境中运行和调试动态网页了。请注意,每次运行命令时,Sublime Text都会从文件的路径开始运行服务器,因此请确保您已经打开了正确的项目文件。

    1年前 0条评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部