Adobe开源的前端开发工具。这个基本上是完全为前端准备的,支持插件。起初用过一段时间,体验很不错的。内置Server,可以直接预览变化。
WebStorm
之所以当初不用Brackets了,因为这货实在是太好用了。一贯的Jetbrains-Platform强大的代码提示、分析、检查和建议。可以集成SASS/LESS。内置Server。当然有了前端的一些脚手架/构建工具,集成什么的无所谓了。
VisualStudioCode(vscode)
vscode有强大的扩展体系,可以做很多语言的开发。扩展质量比较高。还能集成数十种语言的调试。作为前端开发也很优秀。当然专门作为前端的工具我觉得还是略逊Brackets弱于WebStorm的。
Atom
这个软件从架构上比vscode更重视扩展和自由性,其本身就是由众多扩展构成的。扩展的自由度很高,例如装一个minimap跟sublimetext一样了。写前端跟vscode半斤八两,一样可以做其他很多语言的开发。但是个人感觉扩展质量普遍没有vscode的高。起初用过一段时间,但是受不了参差不齐的扩展质量和兼容性,就转vscode了。
SublimeText
这个相比上面三个,要轻量级得多。因为不是用web技术构建的桌面应用,启动速度也更快,更符合一个编辑器应该有的样子。不过扩展数量无法跟上面几个相比。前端开发上来说,已经跟不上atom和vscode,但是作为一个TextEditor它绝对是首选之一。
htmlcsssupport插件是一款专为开发者提供HTML和CSS支持的插件。它可以让用户快速轻松地创建和编辑HTML和CSS文件,而无需手动编写代码。它还提供了一个可视化的编辑器,可以让用户更轻松地编辑和更改HTML和CSS文件,而不需要深入了解编程语言。此外,htmlcsssupport插件还提供了一系列常用的CSS样式,可以让用户快速定制自己的网页,而无需从零开始编写。如果是要插入视频的插件的话推荐先下载jwplayer插件
引入插件JS文件
<script src="js/jquery/jquery-1.6.2.js" type="text/javascript"></script>
<script src="js/plugins/mediaplayer-5.7/jwplayer.js" type="text/javascript"></script>
JS中引入播放器
<script type="text/javascript">
var thePlayer
$(function() {
thePlayer = jwplayer('container').setup({
flashplayer: 'js/plugins/mediaplayer-5.7/player.swf',
file: 'js/plugins/mediaplayer-5.7/video.mp4',
width: 500,
height: 350,
dock: false
})
</script>
或者直接采用<video>标签
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)