请问如何将第一张的代码变成像第二张一样的彩色呀

IDEA安装好vue.js，接着Ctrl+Alt+S打开设置：参考下文设置一下：

IntelliJ IDEA 编辑器配置vue高亮显示_Gemini仔仔的专栏-CSDN博客_idea的vue项目无颜色显示 1.查找IntelliJ IDEA是否已经安装vue.js 注:之前有写过关于使用cmd命令搭建vue项目的全部过程，详情在此打开IDEA编辑器，快捷键Ctrl+Alt+S打开Settings(设置)------>Plugins------>搜索vue.js（图中已经安装，没有安装的点击Install JetBrains plugins...进行安装即可），安装成功后重启IDE... https://blog.csdn.net/weixin_39680839/article/details/81871810

对你有用的话，请点击一下【采纳此答案】，谢谢🌹

开发工具装一下 vue 的插件

这里有教程，希望对你有帮助呢
https://blog.csdn.net/qq_35246620/article/details/79056530