欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 家装 > JavaEE一条龙学习----前端开发准备(二)

JavaEE一条龙学习----前端开发准备(二)

2025/5/16 23:38:10 来源:https://blog.csdn.net/h123372868/article/details/142764422  浏览:    关键词:JavaEE一条龙学习----前端开发准备(二)

上一章为大家推荐了几款前端开发软件

我个人习惯使用VS Code

Microsoft出品,轻量但强大,针对于编写现代Web和云应用的跨平台源代码编辑器。可以在MacOS X、Windows和 Linux等操作平台使用。
具有对JavaScript、TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C++,C#Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统官方地址:Visual Studio Code -Code Editing. Redefined
优点:免费开源,轻量流畅,功能丰富,支持插件,界面简洁,智能代码补全,运行速度很快缺点:几乎没有什么太大的缺点(PS:撤销恢复之前的编辑时出现过问题,希望官方能够尽快修复)

 为VSCode安装以下插件,便于我们进行更好的开发工作

·Chinese (Simplified) Language Pack for Visual Studio Code:中文(简体)语言包(PS1:不完全显示中文,但是大多数都会译为英文;PS2:喜欢原生态或者英文OK的话,可忽略)Ayu:简单的主题与明亮的颜色’
vscode-icons:好看的图标
Live Server: A Quick Development Live Server with live browser reload,即提供一个live服务器,并且支持代码与浏览器之间的实时同步刷新(PS:这样我们在写前端代码时就能实时看到效果了)

使用Live-Server

一款npm工具,在当前HTML中右键单击,选择Open With Live Server

可能会出现下列问题

问题一 :Open a foider or workspace...(File -> Open Folder)

解决方式:需要打开HTML所在文件夹,通过导航栏  文件-打开文件夹, 选择我们编写的HTML,再去Open With Live Server即可

问题二:Server is started at 55oo but failed to open in Browser Preview

j解决方式:在liveserver设置中。找到Live Server>Settings:Use  Brower Preview,取消对Open in Brower Preview inside VS Code ,instead of default brower 的勾选即可

 问题三

Error:connect ECONNREFUSED 127.0.0.1:80

解决方式:取消使用代理,修改enable为false(这里我一直以为是live-server服务器本身的代理端
live-server默认使用5500端口

 实际上,配置端口要在 Live Server>Settings:Port 选项进行设置

 自定义端口号
按照上述说明,点击在settings.json中编辑 会打开settings.json 文件

 

这里如果将 liveServer.settings.port 配置为0,会随机选择端口号

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词