An easy to use Visual Studio code extension - live server, suitable for front-end gadget development

Jerry Wang 2021-04-07 16:53:33
easy use visual studio code


Jerry I usually write some simple SAP UI5 When applied , I like to use the scaffold application introduced in this article as a template , Programming begins :

One for the SAP UI5 Learning Scaffold applications , There's no backstage API Dependence

In the above article SAP UI5 Scaffold application , Using the nodejs express Libraries as local servers , To preview SAP UI5 Application runtime effects .

Today I found another Visual Studio Code Expand :Live Server, The author is Ritwick Dey, It's also very convenient to use :

Install well Visual Studio Code Live Server after ,Visual Studio Code In the status bar at the bottom right , Will see Go Live The button . Choose one html file , Click this button :

The browser will open automatically , Render the selected html:

Live Server Provides a wealth of configuration items :

https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md

Use command netstat -aon|findstr 5500, see Live server The default monitor is 5500 On the port number :

process id by 21008

Command line :C:\app\VSCode-1.48.2\Code.exe --inspect-port=0 c:\app\VSCode-1.48.2\resources\app\out\bootstrap-fork --type=extensionHost

Participation of this paper Tencent cloud media sharing plan , You are welcome to join us , share .

版权声明
本文为[Jerry Wang]所创,转载请带上原文链接,感谢
https://qdmana.com/2021/04/20210407164222556i.html

  1. 大前端
  2. JavaScript概述,建议收藏
  3. Big front end
  4. JavaScript overview, suggest collection
  5. 「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之业务数据增删改查(七)
  6. 「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之docker部署(八)
  7. 2021必修 CSS架构系统精讲
  8. "Free and open source" front end spa project crudapi background management system based on Vue and Quasar
  9. "Free and open source" front end spa project based on Vue and Quasar
  10. 2021 required CSS architecture system
  11. IT兄弟连 HTML5教程 多媒体应用 HTML图像地图
  12. It brothers HTML5 tutorial multimedia application HTML image map
  13. bootstrap 的显示和隐藏
  14. 你不容错过的babel-plugin-import史上最全源码详解!
  15. 「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表关系管理(六)
  16. Show and hide bootstrap
  17. You can't miss the most complete source code in the history of Babel plugin import!
  18. "Free and open source" front end spa project crudapi background management system based on Vue and Quasar
  19. 基于vue和jsplumb的工作流编辑器开发(二)
  20. Development of workflow editor based on Vue and jsplug (2)
  21. 01_Nginx下载安装
  22. Spring Boot + Vue3 前后端分离 实战wiki知识库系统
  23. 01_ Download and install nginx
  24. Spring boot + vue3 front end and back end separation practical wiki knowledge base system
  25. vue实现tab选项卡
  26. 【vue】v-for倒序显示/JSON数据倒序
  27. 【vue】三种获取input值的写法
  28. 【vue】class、style的用法
  29. 「开源免费」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表单设计器(五)
  30. VSLAM前端:双目极线搜索匹配
  31. VSLAM前端:金字塔光流跟踪算法
  32. Vue realizes tab
  33. VSLAM前端:图像特征提取
  34. [Vue] V-for reverse display / JSON data reverse
  35. 独家对话阿里云函数计算负责人不瞋:你所不知道的 Serverless
  36. Three ways to get input value
  37. The usage of class and style
  38. "Open source and free" dynamic form designer of crudapi background management system of front end spa project based on Vue and Quasar (5)
  39. VSLAM front end: binocular epipolar search matching
  40. VSLAM front end: Pyramid optical flow tracking algorithm
  41. VSLAM front end: image feature extraction
  42. Exclusive dialogue with the person in charge of Alibaba cloud function computing: what you don't know about serverless
  43. 「开源免费」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之序列号自定义组件(四)
  44. "Open source and free" serial number customization component of crudapi background management system of front end spa project based on Vue and Quasar (4)
  45. JavaScript 相似度排序
  46. Springboot项目搭建(前端到数据库,超详细)
  47. Less than 150 lines of code to write a python version of the snake
  48. 02_Nginx部署服务
  49. vue 快速入门 系列 —— vue 的基础应用(上)
  50. JavaScript similarity ranking
  51. 基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之布局菜单嵌套路由(三)
  52. Springboot project construction (front end to database, super detailed)
  53. 02_ Nginx Deployment Services
  54. vue 快速入门 系列 —— vue 的基础应用(上)
  55. Vue quick start series basic application of Vue
  56. Layout menu nested routing of front end spa project crudapi background management system based on Vue and Quasar (3)
  57. Vue quick start series basic application of Vue
  58. 一个好用的Visual Studio Code扩展 - Live Server,适用于前端小工具开发
  59. 基于Vue和Quasar的前端SPA项目实战之用户登录(二)
  60. css常用选择器总结