开篇寄语
日常做Web开发,伯衡君首选VS Code,次选Notepad++,都推荐了不少插件,具体可以参看下方的前情提要,而这次推荐的Live Server则是伴随着Web开发不可获取的插件,能够实时显示项目中修改的内容,即所写即所得,分享给大家。
前情提要
内容详情
伯衡君这里演示如何使用live server,首先是安装。
打开VS Code,从左侧目录寻找插件选项,点击,搜索live server,点击安装就可以了。
随后,任意打开一个项目,注意,这里说的是项目,不是单个的网页,不然live server是不起作用的,一个项目最起码你得有个文件夹,文件夹下面至少有一个文件。
这里伯衡君就以之前分享的这篇文章《上次制作的Easy Web TV的Beta版正式发布喽,快来尝鲜体验》的项目为例了,打开后,项目是这个样子,可以看到右下角有一个Go Live:
之后,默认浏览器就会弹出页面,制作的网站就会有一个本地地址供您预览啦,每次保存修改后,该页面都会刷新进行对应的页面生成。
这样对于比较复杂的项目来说,可以极大提高工作效率。
精彩文章
Vue.js用Cli建立的项目如何更改全局字体,可以这样操作
伯衡君最近正在用Vue.js中的cli建立一个网站,准备用Vue搭建,在制作的过程中,需要进行全局字体的改变,伯衡君看了一下官方文档,只有文字叙述,而且颇为简略,于是伯衡君就想到是时候出一篇图文讲解文章,那么该如何操作呢?可以按照以下步骤进行……
实际体验GitHub Copilot帮写代码后的心得体会及用法介绍
伯衡君此前介绍过Github出品的这个Copilot,能够帮助你按照你的要求自动生成代码,具体可以参看下方的前情提要,今天伯衡君申请的体验资格下来了,经过测试后发现,该AI书写代码太智能了,简直是偷懒神器,以后写代码不用再找资料了,直接输入命令,让该AI书写就可以完成了,今天就以我的使用心得以及一些操作建议分享给大家……
ChatGPT 插件一览说明以及使用范例
ChatGPT 前阵子增加了插件这一功能,极大丰富了 ChatGPT 的功能性和可玩性,能够体验更强大 AI 边界。插件有很多,一个个试的话会让人烦躁,伯衡君搜集了大量资料后,汇总了这些插件的功能及使用范例,在这篇文章一一分享出来,看看读者朋友有没有感兴趣的,自行尝试……
Python 如何用一行代码利用 AI 生成图片
生成式 Ai 中,率先给人惊艳感的,应当说是 Midjourney 这个组织开发出的图片生成引擎,其格局,细腻性不输专业画手,其后越来越多的图片生成引擎相继诞生,具体可以参看下面的前情提要。而本篇文章则是利用一行代码,调用 OpenAI 的 Dall·E API,生成各种图片,实现方法非常简单,请祥看本篇文章……
树莓派帮你打开物联网大门,项目资源站推荐
几年前,伯衡君曾经介绍过树莓派(Raspberry Pi),具体可以参看下方提要。它是一种小型、可编程的计算机,可以用于多种应用。它可以用来编写程序、播放媒体、浏览网页、运行机器学习程序等,伯衡君用它构建构建的项目有很多,比如属于自己的家庭影院、建立一个家庭服务器、创建一个家庭虚拟助手、构建一个游戏控制台、创建一个安全监视系统等等,本篇文章不讲如何搭建,而是推荐项目资源站……
你可以有更多选择,细数那些 ChatGPT 的替代品
ChatGPT 的爆火,也带动了其他类似项目的热潮,因为 OpenAI 公司作出的限制,导致某些国家和地区的用户无法注册激活 ChatGPT,堪称遗憾。不过,伯衡君在下面的前情提要那篇文章列出了解决办法,可以参看,如果说不想这么麻烦,那么可以试试 ChatGPT 相关的替代品,本篇文章就着重介绍一些相关实例,基本上可以替代 ChatGPT,满足你的需求……
少年,想不想自制一个可制定规则的爬虫系统呀
这个可以定制规则的爬虫系统,隶属于伯衡君正在制作的财富增值攻略系统,整个系统尚未完成,但是这个信息聚合的爬虫系统基本完成了,可以公开一些核心代码,能够给一些需要的人启发来自制。本站之前也分享了不少相关爬虫内容,具体可以参看下方的前情提要,也受到了很多启发,详情内容,请看本篇文章……
COOL!仅用 HTML 知识即可开启用户手机摄像头
一般情况下,想要调用开启移动手机的摄像头,一般需要书写大量的代码,但是,偶然浏览 MDN Web Docs,发现在 HTML 相关知识中,有一个标签 input,它有一个特性为 capture,通过简单设置,竟然能让智能手机的摄像头直接打开,选择是照相还是录像都可以,那么它有什么神奇之处呢?请看本篇文章……
UserScripts 可以在 iPhone/iPad/Mac 上使用 Tampermonkey/油猴脚本
说到 Tampermonkey,也就是油猴,那真是浏览器插件中的神器,可以运行各种 Javascript 脚本,伯衡君在之前多有所介绍,具体可以参看下方的前情提要。但是,在 iPhone 和 iPad 使用中发现是无法直接运行 Tampermonkey 这款插件运行的各种脚本,不过,从 UserScripts 这款 App 出来后情况就不一样了,它能够让你在 iPhone、iPad 和 Mac 上运行 Tampermonkey 的各种脚本啦……
熟练掌握这些Github项目让你的Web开发速度提升十倍
Github上有不少开源的项目,观看这些开源代码,可以从中学到不少开发技巧,让你在开发应用的过程中受益匪浅,伯衡君就从中找到了一些对于Web开发者来说非常有益处的项目,如果熟练掌握这十几个项目,可以让你的开发能力乘以10倍?不相信?请看本篇详情……
精彩文章
Vue.js用Cli建立的项目如何更改全局字体,可以这样操作
伯衡君最近正在用Vue.js中的cli建立一个网站,准备用Vue搭建,在制作的过程中,需要进行全局字体的改变,伯衡君看了一下官方文档,只有文字叙述,而且颇为简略,于是伯衡君就想到是时候出一篇图文讲解文章,那么该如何操作呢?可以按照以下步骤进行……
实际体验GitHub Copilot帮写代码后的心得体会及用法介绍
伯衡君此前介绍过Github出品的这个Copilot,能够帮助你按照你的要求自动生成代码,具体可以参看下方的前情提要,今天伯衡君申请的体验资格下来了,经过测试后发现,该AI书写代码太智能了,简直是偷懒神器,以后写代码不用再找资料了,直接输入命令,让该AI书写就可以完成了,今天就以我的使用心得以及一些操作建议分享给大家……
ChatGPT 插件一览说明以及使用范例
ChatGPT 前阵子增加了插件这一功能,极大丰富了 ChatGPT 的功能性和可玩性,能够体验更强大 AI 边界。插件有很多,一个个试的话会让人烦躁,伯衡君搜集了大量资料后,汇总了这些插件的功能及使用范例,在这篇文章一一分享出来,看看读者朋友有没有感兴趣的,自行尝试……
Python 如何用一行代码利用 AI 生成图片
生成式 Ai 中,率先给人惊艳感的,应当说是 Midjourney 这个组织开发出的图片生成引擎,其格局,细腻性不输专业画手,其后越来越多的图片生成引擎相继诞生,具体可以参看下面的前情提要。而本篇文章则是利用一行代码,调用 OpenAI 的 Dall·E API,生成各种图片,实现方法非常简单,请祥看本篇文章……
树莓派帮你打开物联网大门,项目资源站推荐
几年前,伯衡君曾经介绍过树莓派(Raspberry Pi),具体可以参看下方提要。它是一种小型、可编程的计算机,可以用于多种应用。它可以用来编写程序、播放媒体、浏览网页、运行机器学习程序等,伯衡君用它构建构建的项目有很多,比如属于自己的家庭影院、建立一个家庭服务器、创建一个家庭虚拟助手、构建一个游戏控制台、创建一个安全监视系统等等,本篇文章不讲如何搭建,而是推荐项目资源站……
你可以有更多选择,细数那些 ChatGPT 的替代品
ChatGPT 的爆火,也带动了其他类似项目的热潮,因为 OpenAI 公司作出的限制,导致某些国家和地区的用户无法注册激活 ChatGPT,堪称遗憾。不过,伯衡君在下面的前情提要那篇文章列出了解决办法,可以参看,如果说不想这么麻烦,那么可以试试 ChatGPT 相关的替代品,本篇文章就着重介绍一些相关实例,基本上可以替代 ChatGPT,满足你的需求……
少年,想不想自制一个可制定规则的爬虫系统呀
这个可以定制规则的爬虫系统,隶属于伯衡君正在制作的财富增值攻略系统,整个系统尚未完成,但是这个信息聚合的爬虫系统基本完成了,可以公开一些核心代码,能够给一些需要的人启发来自制。本站之前也分享了不少相关爬虫内容,具体可以参看下方的前情提要,也受到了很多启发,详情内容,请看本篇文章……
COOL!仅用 HTML 知识即可开启用户手机摄像头
一般情况下,想要调用开启移动手机的摄像头,一般需要书写大量的代码,但是,偶然浏览 MDN Web Docs,发现在 HTML 相关知识中,有一个标签 input,它有一个特性为 capture,通过简单设置,竟然能让智能手机的摄像头直接打开,选择是照相还是录像都可以,那么它有什么神奇之处呢?请看本篇文章……
UserScripts 可以在 iPhone/iPad/Mac 上使用 Tampermonkey/油猴脚本
说到 Tampermonkey,也就是油猴,那真是浏览器插件中的神器,可以运行各种 Javascript 脚本,伯衡君在之前多有所介绍,具体可以参看下方的前情提要。但是,在 iPhone 和 iPad 使用中发现是无法直接运行 Tampermonkey 这款插件运行的各种脚本,不过,从 UserScripts 这款 App 出来后情况就不一样了,它能够让你在 iPhone、iPad 和 Mac 上运行 Tampermonkey 的各种脚本啦……
熟练掌握这些Github项目让你的Web开发速度提升十倍
Github上有不少开源的项目,观看这些开源代码,可以从中学到不少开发技巧,让你在开发应用的过程中受益匪浅,伯衡君就从中找到了一些对于Web开发者来说非常有益处的项目,如果熟练掌握这十几个项目,可以让你的开发能力乘以10倍?不相信?请看本篇详情……
精彩文章
Vue.js用Cli建立的项目如何更改全局字体,可以这样操作
伯衡君最近正在用Vue.js中的cli建立一个网站,准备用Vue搭建,在制作的过程中,需要进行全局字体的改变,伯衡君看了一下官方文档,只有文字叙述,而且颇为简略,于是伯衡君就想到是时候出一篇图文讲解文章,那么该如何操作呢?可以按照以下步骤进行……
实际体验GitHub Copilot帮写代码后的心得体会及用法介绍
伯衡君此前介绍过Github出品的这个Copilot,能够帮助你按照你的要求自动生成代码,具体可以参看下方的前情提要,今天伯衡君申请的体验资格下来了,经过测试后发现,该AI书写代码太智能了,简直是偷懒神器,以后写代码不用再找资料了,直接输入命令,让该AI书写就可以完成了,今天就以我的使用心得以及一些操作建议分享给大家……
ChatGPT 插件一览说明以及使用范例
ChatGPT 前阵子增加了插件这一功能,极大丰富了 ChatGPT 的功能性和可玩性,能够体验更强大 AI 边界。插件有很多,一个个试的话会让人烦躁,伯衡君搜集了大量资料后,汇总了这些插件的功能及使用范例,在这篇文章一一分享出来,看看读者朋友有没有感兴趣的,自行尝试……
Python 如何用一行代码利用 AI 生成图片
生成式 Ai 中,率先给人惊艳感的,应当说是 Midjourney 这个组织开发出的图片生成引擎,其格局,细腻性不输专业画手,其后越来越多的图片生成引擎相继诞生,具体可以参看下面的前情提要。而本篇文章则是利用一行代码,调用 OpenAI 的 Dall·E API,生成各种图片,实现方法非常简单,请祥看本篇文章……
树莓派帮你打开物联网大门,项目资源站推荐
几年前,伯衡君曾经介绍过树莓派(Raspberry Pi),具体可以参看下方提要。它是一种小型、可编程的计算机,可以用于多种应用。它可以用来编写程序、播放媒体、浏览网页、运行机器学习程序等,伯衡君用它构建构建的项目有很多,比如属于自己的家庭影院、建立一个家庭服务器、创建一个家庭虚拟助手、构建一个游戏控制台、创建一个安全监视系统等等,本篇文章不讲如何搭建,而是推荐项目资源站……
你可以有更多选择,细数那些 ChatGPT 的替代品
ChatGPT 的爆火,也带动了其他类似项目的热潮,因为 OpenAI 公司作出的限制,导致某些国家和地区的用户无法注册激活 ChatGPT,堪称遗憾。不过,伯衡君在下面的前情提要那篇文章列出了解决办法,可以参看,如果说不想这么麻烦,那么可以试试 ChatGPT 相关的替代品,本篇文章就着重介绍一些相关实例,基本上可以替代 ChatGPT,满足你的需求……
少年,想不想自制一个可制定规则的爬虫系统呀
这个可以定制规则的爬虫系统,隶属于伯衡君正在制作的财富增值攻略系统,整个系统尚未完成,但是这个信息聚合的爬虫系统基本完成了,可以公开一些核心代码,能够给一些需要的人启发来自制。本站之前也分享了不少相关爬虫内容,具体可以参看下方的前情提要,也受到了很多启发,详情内容,请看本篇文章……
COOL!仅用 HTML 知识即可开启用户手机摄像头
一般情况下,想要调用开启移动手机的摄像头,一般需要书写大量的代码,但是,偶然浏览 MDN Web Docs,发现在 HTML 相关知识中,有一个标签 input,它有一个特性为 capture,通过简单设置,竟然能让智能手机的摄像头直接打开,选择是照相还是录像都可以,那么它有什么神奇之处呢?请看本篇文章……
UserScripts 可以在 iPhone/iPad/Mac 上使用 Tampermonkey/油猴脚本
说到 Tampermonkey,也就是油猴,那真是浏览器插件中的神器,可以运行各种 Javascript 脚本,伯衡君在之前多有所介绍,具体可以参看下方的前情提要。但是,在 iPhone 和 iPad 使用中发现是无法直接运行 Tampermonkey 这款插件运行的各种脚本,不过,从 UserScripts 这款 App 出来后情况就不一样了,它能够让你在 iPhone、iPad 和 Mac 上运行 Tampermonkey 的各种脚本啦……
熟练掌握这些Github项目让你的Web开发速度提升十倍
Github上有不少开源的项目,观看这些开源代码,可以从中学到不少开发技巧,让你在开发应用的过程中受益匪浅,伯衡君就从中找到了一些对于Web开发者来说非常有益处的项目,如果熟练掌握这十几个项目,可以让你的开发能力乘以10倍?不相信?请看本篇详情……
相关
- 我的微信
- 微信扫一扫加好友
- 我的微信公众号
- 扫描关注公众号