澳门新萄京官方网站-www.8455.com-澳门新萄京赌场网址

澳门新萄京官方网站:小程序之旅,运行文件

2019-12-01 作者:www.8455.com   |   浏览(178)

昨天在使用sublime text3时,发现能在本地服务器上运行php文件,于是百度了一下有关知识,

大家一定了解到localhost的文件是不能直接打开的,那么怎么让sublime text3能直接打开呢,其实只需要几个插件就可以了,毕竟sublime text的插件实在是强大

一、sublime text 3

Sublime Text 3 使用方法总结:

终于成功了,今天总结一下。

首先需要打开sublime text3的侧边栏,project -> add folders to project 。

前提是得先安装package control插件

1. 首先你需要从官网下载一个sublimetext3安装到自己的电脑上,然后自己从网上随便搜一个注册码,从菜单栏的帮助一栏找到激活的那个选项复制进去注册码进行激活,(如果有需要可以从网上下载相应的汉化包进行汉化,不推荐汉化);

首先要让sublime text3 出现侧边栏sidebar,不会的可以百度,这里不再赘述了(主要是懒)。

然后安装 SideBarEnhancements 侧边栏增强插件,安装方法如下

1、通过"ctrl shift p"打开命令面板

2、输入"install package"打开安装插件面板

澳门新萄京官方网站:小程序之旅,运行文件。3、输入"view in browser"后通过鼠标左键单击或者回车键进行安装

澳门新萄京官方网站,4、察看SublimeText左下角状态栏了解是否安装成功

2. 第一步做完之后,sublime已经可以正常使用了,我对它自带的一些快捷键进行一下讲解:

澳门新萄京官方网站:小程序之旅,运行文件。然后开始创建项目,创建项目也是不一般的,我的过程如下。

使用快捷键 shift ctrl(mac为win键) p 打开插件安装框,然后输入 install Package并按下回车

使用的方法:

1).首先是文本编辑类快捷键:*

先在本地磁盘中创建项目目录,如下图,我在  D:AppServwww  下面创建了 mismatch 文件夹,

1、在SublimeText下打开该路径:preference - 按键绑定-用户

ctrl S //保存对当前文件的修改

mismatch 就是我的项目名称,里面有三个目录和一个index.php文件

澳门新萄京官方网站 1

2、在" ] "前输入以下代码:

ctrl Z //撤销对当前文件的修改

澳门新萄京官方网站 2

安装插件窗口

{ "keys": ["ctrl shift enter"], "command": "open_in_browser" }

ctrl Y //用于对撤销内容的恢复

然后在sublime text3中找到project->add folder to project ,选择mismatch 目录,就会在侧边栏出现项目。

3、效果如下图:

ctrl C //复制

接下来 右键mismatch(项目)->project->edit previes urls,

然后输入SideBar 并选择SideBarEnhancements按下回车进行安装,进度看左下角,,安装完成后指定localhost的项目地址

澳门新萄京官方网站 3

ctrl v //粘贴

在出现的json文件中编辑以下内容:

在侧边栏选中你要指定的项目文件夹上点击鼠标右键,选择 "Project --> Edit Preview URLs"

设置快捷键让SublimeText在编文件快速在浏览器打开快捷键为"ctrl shift enter",这儿说 的浏览器是指系统默认的浏览器.

ctrl X //剪切

{
"D:/AppServ/www/mismatch/":{
"url_testing": "",
"url_production": ""
}
}

在打开的窗口输入下面信息并保存,注意项目文件路径不能错。

 

ctrl shift v //粘贴并缩进

澳门新萄京官方网站 4

{

"你的项目文件夹绝对路径":{

"url_testing": "",

"url_production": ""

}

}

 

ctrl D //选中当前鼠标所在位置距离最近的关键字

保存后,接下里点击菜单栏中的preferences->package settings->side bar->key bindings-user,编辑以下内容:

最后绑定浏览器和打开快捷键

1、在 Sublime Text 3 中,安装 SideBarEnhancements 侧边栏增强插件。

Alt F3 //当选中某个关键字的时候按下此快捷键,则可以同时对当前文件中所有相同的关键字进行编辑和修改

[
{

打开 "Preference --> Package Settings --> Side Bar --> key Bindings-User"。

2、SideBarEnhancements 插件安装完成后,首先为 SideBarEnhancements 指定默认浏览器。打开 " Preference --> Package Settings --> Side Bar --> Settings User-User"

ctrl L //选中整行

"keys":["ctrl r"],
"command":"side_bar_open_in_browser",
"args":{
"paths":[],
"type":"testing",
"browser":"chrome"
}
}
]

输入如下信息并保存,具体快捷键和浏览器可以自己修改。

澳门新萄京官方网站 5

ctrl A //选中全部

注意中括号不能省,点击保存。

[

{

"keys": ["ctrl r"],//组合键 可以自己定义

"command": "side_bar_open_in_browser",

"args": {

"paths": [],

"type": "testing",

"browser": "chrome" //可选 firefox, aurora, chrome, canary, chromium, opera, safari

}

}

]

 

shift 左箭头或者右键头 //从光标处向左或右一个字符为单位选择文本

澳门新萄京官方网站 6

修改完毕后重启sublime text就可以直接打开localhost的文件了,再也不用每次都要自己动手输入地址,而且你也不用担心他影响到非localhost的文件,因为他是指定了文件夹。

3、Sublime Text 3 配置浏览器预览路径 localhost
在打开的文件中添加:
{
"default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari
}
默认的浏览器可以是列表中的任意一种,在这里我选择的是Chrome,可以根据自己的情况进行选择。
Sublime Text 3 配置浏览器预览路径 localhost

ctrl Enter //快速向下创建一行,并定位到行首

说明:keys 的内容是绑定的键 我的是ctrl r,

澳门新萄京官方网站 7

ctrl shift Enter //快速向上创建一行,并定位到行首

browser 的内容是默认的浏览器,内容怎么填呢?请看以下步骤,

 

ctrl shift D //复制当前行到下一行

点击 preferences->package settings ->side bar->setting default->可以看到

4、为 SideBarEnhancements 指定默认localhsot目录。在侧边栏任意文档上点击鼠标右键,选择 "Project --> Edit Preview URLs"

Ctrl Shift [ //选中代码,按下快捷键,折叠代码。

"default_browser": "", //one of this list: firefox, chrome, canary, chromium, opera, safari, ie

澳门新萄京官方网站 8

Ctrl Shift ] //选中代码,按下快捷键,展开代码

这句话,那么我们就可以选择里面指定的浏览器,比如 chrome,

 

home键 //定位到当前行的行首

然后在index.php文件中,按ctrl r 就会让php文件在chrome中打开。

5、Sublime Text 3 配置浏览器预览路径 localhost
在打开的文件中添加如下内容:
{
"E:/WEBSITE/HelloWorld/":{
"url_testing": "",
"url_production": ""
}
}
1、"E:/WEBSITE/HelloWorld/" 是项目在磁盘中的路径,请修改为你的项目地址
2、"url_testing" 是你本地的 localhost 地址
3、 "url_production" 是项目线上地址
请根据自己的情况进行修改。

end键 //定位到当前行的行尾

澳门新萄京官方网站 9

澳门新萄京官方网站 10

ctrl k k //从光标处一直删除到行尾

如有错误和不足,欢迎指正。

 

ctrl shift k //删除当前行

6、Sublime Text 3 配置浏览器预览路径 localhost
为浏览器绑定热键。
在 Sublime Text 3 中,打开 "Preference --> Package Settings --> Side Bar --> key Bindings-User",在打开的文件中添加如下内容:
[
{
"keys": ["alt f12"],
"command": "side_bar_open_in_browser",
"args": {
"paths": [],
"type": "testing",
"browser": ""
}
}
]
在此,我为浏览器绑定的热键是 "alt F12",可以根据自己的使用习惯进行修改。
Sublime Text 3 配置浏览器预览路径 localhost

ctrl / //注释当前行

澳门新萄京官方网站 11

ctrl shift k //注释当前代码块

 

ctrl J //合并选中的多行代码为一行,可以用以合并css

7、至此,所有设置已经完成,可以在页面中按相应的热键,调用在配置文件中设置好的浏览器进行浏览。

ctrl → //向右单位性地移动光标

 

ctrl ← //向左单位性地移动光标

二、sublime 快捷键安装使用

ctrl shift → //向右单位性地选择文本

ctrl shift ← //向左单位性地选择文本

 

ctrl shift ↑ //将当前行与上一行进行互换

ctrl shift ↓ //将当前行与下一行进行互换
2).对当前页面的操作快捷键:

ctrl shift s //将当前文件另存为

ctrl w //关闭当前文件

ctrl N //新建文件

ctrl O //打开某个文件

ctrl shift N //打开一个新的sublime窗口

ctrl Tab //循环切换当前页面的窗口

ctrl pageup //向左切换当前已打开的窗口

ctrl pagedown //向右切换当前已打开的窗口

Alt shift 非小键盘区的数字键 //将窗口分屏

ctrl k B //开关侧边栏

F11键 //全屏模式
3).搜索类快捷键:

ctrl F //搜索当前页面中的关键字

ctrl P //快速打开当前项目中的任意一个文件

ctrl P然后输入分号 //快速跳转到某一行

crtl P然后输入@符号 //快速查找并定位当前文档中的函数

ctrl P然后输入#号 //快速超找并定位当前文件中的某个变量

Esc //关闭打开的搜索框或者命令框
另外sublime还提供了代码段功能,你可以点菜单栏Tool(工具)里面的新代码段,然后创建需要的代码段,以后开发的时候就可以输入相应的关键字,用tab键直接生成提前写好的代码块,具体实现步骤可以从网上查看*

3. 要想获得更好的体验,当然需要一些必要的插件了,我暂时列举这比较有用的几种,其他的可以自己安装方法大同小异
1).安装packgecontrol插件库

1-1.打开菜单栏 : view(查看)下的console(控制台)

1-2.将以下花括号之内的代码复制到控制台,然后回车等待安装完成

{import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' '1e3d39e33b79698005270310898eea76'; 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( '' pf.replace(' ', ' ')).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)}

2).安装插件方法:

  1. 首先快捷键:ctrl shift P 打开命令框,然后输入简写pci快速定位到packge Control install然后回车打开插件库

222. 在弹出的插件库输入框内输入对应的插件名称搜索插件,然后回车等待安装完成

推荐几种常用的插件(有的插件安装好后还需要相应的配置才能正常使用,具体配置方法可以从网上找):
1.emmet //zencoding的升级版,tab键一键补全
2.sidebar //贴心的右键菜单和快捷键
3.advancednewfile //装好后可以通过ctrl alt N ,然后输入完整文件名(带后缀),快捷新建文件
4.autofilename //自动补全文件名
5.converttoutf8 //中文编码,避免中文无法正常显示的问题
6.theme-soda主题 //一款非常受欢迎的主题,分为黑白两套皮肤

在这里重点讲一下sidebar插件的配置,直接安装好的sidebar大部分功能都可以使用了,但是还是有很多好的功能需要修改相应的配置才能正常体验,比如快速在浏览器浏览当前文件
对于快速在浏览器打开文件的配置:
1).首先前提是已经安装好了sidebar插件
2).然后在侧边栏任意一个文件上右键会出现一个右键菜单,常用的几个功能的解释为:

new file (新建文件)

new Folder (新建文件夹)

open in browser (在浏览器打开)

Reveal (打开文件所在位置)

Duplicate (备份当前文件)

Rename (重命名)

Move (移动)

delete (删除)

至于另外的功能可以自行研究
3).在侧边栏任意一个文件上右键,选project-Edit Preview URLs
然后在里面输入以下花括号内部的代码(除了最外层中文花括号以外的全部):

{

"D:/phpstudy/www/": {

"url_testing": "",

"url_production" : ""

}

}

解释一下,其他的部分不需要修改,需要把 (D:/phpstudy/www/)这部分的路径换成你的网站根目录的路径,并且以后每次打开sublime的时候,打开的必须是这个目录下
4).当你做完第三步的时候,你就已经可以通过在需要在浏览器预览的文件上右键
,选择view in browser的default进行预览了,但是这样的操作还是不够快速,我想要通过快捷键直接在浏览器进行预览,你可以这样做:

--1.打开编辑器菜单栏的 preferences->packge settings->side bar-> settings-user
添加如下引号内的修改(指定默认访问的浏览器为谷歌浏览器):


{

"default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari
}

--2.1.打开编辑器菜单栏的 preferences->packge settings->side bar-> key bindings-user
添加如下引号内的修改(绑定快捷键):


{

{ "keys": ["ctrl alt enter"], "command": "side_bar_open_in_browser" },//绑定打开默认浏览器的快捷键

{ "keys": ["f12"], "command": "side_bar_open_in_browser" },//绑定打开默认浏览器的快捷键

// chrome,将以下对应的路径修改为你的电脑上相应谷歌浏览器的路径即可

{ "keys": ["f1"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:/Users/Buerds—Fang/AppData/Local/Google/Chrome/Application/chrome.exe",

"extensions":".*"

}

},

// firefox,将以下对应的路径修改为你的电脑上相应火狐浏览器的路径即可

{ "keys": ["f2"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "D:/360压缩/Mozilla Firefox/firefox.exe",

"extensions":".*"

}

},

// ie,将以下对应的路径修改为你的电脑上相应ie浏览器的路径即可

{ "keys": ["f3"], "command": "side_bar_files_open_with",

"args": {

"paths": [],

"application": "C:/Program Files/Internet Explorer/iexplore.exe",

"extensions":".*"

}

}
}


 

                                                              博客:Buerds-Fang

                                                              时 间:2017-05-07

 


 

本文由澳门新萄京官方网站发布于www.8455.com,转载请注明出处:澳门新萄京官方网站:小程序之旅,运行文件

关键词: