使用sublime自定义快捷键预览html代码(前端开发)

1.先安装包里的sublime text3前端版

2.设置以管理员身份运行(不以管理员身份运行,一些配置文件会遇到无法保存的情况)

右键桌面上的sublime text软件图标,选择属性,之后选择兼容性,如下图

1609875864-276ce4a0b73221e

点击应用之后,以后打打开程序就是以管理员身份运行了

3.设置语法为html

打开软件后,选择查看–》语法–》html

4.打开自定义用户键

选择preferences,之后选择按键绑定-用户,这样就打开了自定义用户键页面,页面往下拉,我们可以看到如下图

1609876292-4bf55978f7cca3f

其中键盘F1代表用chrome浏览器预览html代码,F3代表用火狐浏览器,预览代码,F3代表用ie浏览器预览代码

而里面的application值 ,就是应用路径经常是错的,导至我们无法预览,我们以chrome浏览器举例如何修正

5.修正应用路径,以chorme浏览器为例

如果你没有chrome浏览器,可以百度或360软件助手里下载一个chrome浏览器,安装后

右键桌面chrome浏览器图标,选择属性,出现如下图:

1609876582-12312bd8f438039

目标就是它的路径,我们拷贝出来目标,将它填到application值 里面,如下图

1609876763-19cc48c0b3ab718

拷进去后的斜杠是错的,我们手工修正成反斜杠后,如下图、

1609876856-96ae3e8072fba2e

6.测试一下效果:新建一个页面,然后按ctrl+Alt+h,自动快带生成html骨架,如下图,然后在里面打一下hello word

1609877004-03d60107cc0cffa

7.选择文件,选择保存,些处我保存为1.html

8.保存后,在文档处按F1键,chrome浏览器自动打开,并打出hello word,如下图

1609877132-c6288748998566b

 

下面包里是此教程的sublime text,其它的f2,f3值 按上面举一反三进行设置。原创内容不易,请多多支持我们,末经允许请勿转载。

 

暂无优惠 永久钻石免费

已有0人支付

RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
微友素材资源网 » 使用sublime自定义快捷键预览html代码(前端开发)

发表评论

提供最优质的资源集合

立即查看 了解详情