springboot vue编辑器vscode

综合比较应该是目前 VSCode 上面最好用的 Vue 插件。

可到官网下载最新的

下载安装不废话了，就是下一步的下一步就好了



安装后就是这玩意了，点击打开，打开后左上角的文件，打开文件夹，选择你前端的项目的地址



打开后如图



这里的目录介绍啥我我就不详细说明了，一一说了估计你也记不住，最好的方式就是用啥改啥，用多了也就明白了。如果你觉得必须先了解全部的目录先，可以看下这个视频

https://pan.baidu.com/play/video#video/path=%2Fvue.js%E5%85%A8%E5%A5%97%2F%E7%AC%AC3%E7%AB%A0%20Vue-cli%E5%BC%80%E5%90%AFVuejs%E9%A1%B9%E7%9B%AE%2F3-3%20%E9%A1%B9%E7%9B%AE%E6%96%87%E4%BB%B6%E4%BB%8B%E7%BB%8D.avi&t=-1

先说个简单的常用的修改默认的启动端口

本来是8080，现在我修改为8081



接下来就是在编辑器里 启动项目了

点击菜单栏的 查看 –集成终端



就会弹出终端控制运行窗口



启动项目





启动成功