网站内容编辑器(工欲善其事好的编辑器会让编程过程变得变得事半功倍了)

优采云 发布时间: 2022-03-07 01:25

  网站内容编辑器(工欲善其事好的编辑器会让编程过程变得变得事半功倍了)

  工人要做好工作,首先要磨利他的工具。一个好的编辑器将使编程过程变得更加容易。

  对于 HTML 编程,我使用了几个编辑器。

  首先是 Dreamweaver,这是我在大学时使用的网络编辑器。依稀记得这个编辑器最大的特点就是可以拖拽。随意将按钮、选项框、图片等元素拖放到页面中进行布局,更不用说有多方便了。

  开始工作后,我使用了Webstorm编辑器,可以说大大提高了生产力。编程期间所需的所有应用程序都集成到软件中。比如代码高亮,比如代码补全,比如代码测试等等。唯一的缺点是由于集成度高,软件本身很大,配置低的电脑会比较卡,发热严重。

  近年来,出现了一颗冉冉升起的新星,那就是VSCode。这是来自微软的编辑器。当我第一次接触这个软件时,我就爱上了他。以至于气得我把电脑上的大部分编辑器都卸载了,接下来的编程都是在VSCode上完成的。如 Python、Java、PHP、Vue 等。

  此外,还有一位资深的编辑器,那就是大名鼎鼎的记事本。这个编辑器从操作系统开始就已经存在。她可以编写世界上所有的软件,没有兼容性问题,没有软件膨胀问题,没有软件过时问题。唯一的缺点就是门槛太高,小白要小心进入。

  根据我的经验,我推荐大家使用 VSCode 来编写 HTML 代码。

  下载安装包

  首先在官网下载VSCode安装包。比较简单,这里就不演示了。

  安装扩展

  这个编辑器的特点是你可以安装和扩展你想要的任何功能。这里我推荐安装 2 个扩展:Visual Studio Code 的中文(简体)语言包并在浏览器中打开。这两个扩展是用来显示中文和快速调用浏览器显示网页的。如下:

  

  编写 HTML 代码

  首先新建一个文本test.html,如下:

  

  然后在html文件中编写代码:

  

潘高的小站

我的第一个博客网址是 https://blog.pangao.vip

  最后按alt+B调用浏览器显示网页效果,如下图:

  

  至此,我们已经完成了使用 VSCode 编写一个简单的网页的过程,是不是很简单呢?!

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线