VS Code修改Live Server插件改变默认5500端口号以及项目运行时在URL上添加项目名称

1、点击扩展,然后点击齿轮
VS Code修改Live Server插件改变默认5500端口号以及项目运行时在URL上添加项目名称_第1张图片
2、点击配置信息
VS Code修改Live Server插件改变默认5500端口号以及项目运行时在URL上添加项目名称_第2张图片
3、点击 “在settings.json中编辑”
VS Code修改Live Server插件改变默认5500端口号以及项目运行时在URL上添加项目名称_第3张图片
4、点开默认应该只有第一条 ,我们添加第二条和第三条。
即可修改项目运行时端口为8081。根路径加上 … 之后就是 vsCode所谓的工作区。也就是我们运行时url会显示工作区名称。
VS Code修改Live Server插件改变默认5500端口号以及项目运行时在URL上添加项目名称_第4张图片
5、直接看效果吧,我描述的也不清楚。
首先先看我项目情况
VS Code修改Live Server插件改变默认5500端口号以及项目运行时在URL上添加项目名称_第5张图片
没配之前url上没有项目名称
VS Code修改Live Server插件改变默认5500端口号以及项目运行时在URL上添加项目名称_第6张图片
配置了之后
VS Code修改Live Server插件改变默认5500端口号以及项目运行时在URL上添加项目名称_第7张图片
我自身是java后端的,用VS Code比较少,为了配置这个,百度了好久,也没看到说的比较清楚的。所以就想记录一下,分享给大家。
希望对你们有帮助。

你可能感兴趣的:(工具使用,visual,studio,code)