我希望用引导而且,在过去,我只使用命令行(vim)来完成此操作,然后查看它在浏览器中的样子,但我知道这相当过时,我应该使用更“用户友好”的 Web 开发 GUI。
因此,我正在试用 Kompozer,当我加载 html 文档时,我没有看到漂亮的(javascript 驱动的)布局。但是,如果我使用 Web 浏览器查看 html 文档,我会看到此布局。有没有办法让 Kompozer 加载相同的 javascript 并在 Kompozer 应用程序内实时查看更改?
我可以回到简单地在 vim 中手动编辑 html、javascript、php 等,然后通过在浏览器中运行来查看网站如何响应,但我认为在 1/2 和 1/2 WYSIWIG 环境中执行操作可能更容易。
有什么想法吗?
答案1
不,在编辑器中编写代码并在浏览器中预览结果并不是“过时的”;它实际上是这创建网站的唯一合理方法。
Kompozer 就像它的前身 Nvu 或 Dreamweaver(它们应该是商业软件的替代品)一样,为了给你一个据说易于使用的界面而做出了很多妥协。文本编辑不如真正的文本编辑器(而 Vim 是编辑器的黄金标准),渲染不如真正的浏览器,生成的代码通常太冗长……
我从 1999 年开始使用 Dreamweaver 2,但很快就放弃了,转而采用更简单的工作流程。我控制一切。它让我变得更快,更好。
而且,嗯……最新的 Kompozer 版本是五年前发布的。它使用 Firefox 2 的渲染引擎,所以您不必担心您的网站为何看起来不对劲!
与此同时,前端开发变得比以前更加复杂:预处理器、观察器、数百个从小到大的框架和库、依赖管理器、包管理器……但有趣的是,这种趋势是以命令行为中心的。
尽管可能过于夸张,但“现代”专业前端开发目前是这样的:
- 你的项目处于某个版本控制系统之下(Subversion、Git、Mercurial 等……),
- 你有一些包管理器来处理项目的依赖项(npm、bower 等……),
- 你可以在文本编辑器(Vim、Emacs、Sublime Text、Atom、Brackets、TextMate、VisualStudioCode 等……)中编辑代码,
- 你有一个在后台运行的观察者,用于检查、测试、编译你的代码和资产(Grunt、Brunch、Gulp 等……),
- 你可以在尽可能多的设备上使用尽可能多的浏览器预览你的网站,
- 使用浏览器的开发工具调试代码,
- 您可以使用一些 CI 软件(Jenkins、travis 等……)管理您的部署。
在后端看起来也是一样的。
现在,对于像 Web 开发这样简单的事情来说,所有这些东西似乎有点太沉重了,但是,如果您是 2015 年的专业 Web 开发人员,但不使用上述工作流程的变体,我真的不知道该说什么... 您还有很多事情需要赶上。
您至少可以做的是……
- 保持代码的版本控制,并学习如何有效地使用它,
- 使用你能找到的最舒适的文本编辑器编辑代码,并学习如何有效地使用它,
- 在 Web 浏览器中测试你的代码,可以使用类似以下扩展程序直播页面或者自动重新加载,并学习如何有效地使用其开发工具。
忘记 Kompozer 吧。