vscode前端开发相关插件及hotel端口代理工具

1、vscode插件列表

2、vscode内集成终端，便于在当前编辑文件夹中进行一些终端命令操作

终端路径即当前项目目录

3、vscode提供调试功能，以nodejs调试为例

详细解释操作的博客：https://cnodejs.org/topic/58f376fec749f63d48fe9548

4、hotel工具

工具界面：通过http://localhost:2000访问

安装：
git hub：https://github.com/typicode/hotel

npm install -g hotel
hotel start

操作步骤：

1. cd到当前开发项目目录

2. hotel add ‘command‘ -p 端口号： command为项目启动命令，例如我们常用的npm start；端口号即准备用哪个端口号来替代项目默认端口号
   其他相关命令行：

   • hotel ls # List servers
   • hotel rm # Remove server
   • hotel start # Start hotel daemon
   • hotel stop # Stop hotel daemon
   • hotel -h, —-help # 显示帮助信息
   • hotel -v, —-version # 显示版本号
     日常管理（macos系统）：进入到用户目录，cd .hotel，进入servers目录，可以看到对应的项目的配置文件，如果要删除哪个项目可以直接通过这里，rm进行操作

5、vscode保存时自动按照eslint配置进行代码风格检测并修复

设置过程（macos）点击左上角Code->首选项->设置

在右侧的用户设置中添加

“eslint.autoFixOnSave”: true,
然后保存时就会按照项目中eslint配置文件对文件进行ElistFix