Vue项目开发过程中遇到的坑
vue-cli脚手架打包的项目部署到服务器上打开空白 首先可以确保路径是没问题的，vue-cli打包生产环境直接修改config目录下的index文件即可。
vue前端开发，经常遇到key为undefine的bug，如图 很多时候 我们把后台返回的Id赋值给key，但是该死的后台返回的Id居然也有重复的时候。这个时候会出现各种意外情况，入页面卡死，页面空白，下拉列表点不动等等错误。
今天到公司，继续打开我的vue的项目，但是页面显示的是Cannot GET，打开控制台之后，发现有一篇红色报错。
搭建一个vue3，ts，element-plus项目时，总有一些莫名其妙的问题。项目创建完成之后，elemen文件：src/plugins/element.js 这个文件是选择了按需导入，之后脚手架自动创建的。
最近项目中遇到一个问题，让我很是费解。就是同一个页面在首次进入并且对页面进行一些操作时并没有什么问题。数据的交互及保存操作也能完成。但当次页面重复几次进入并操作时，页面就会卡死，cpu的占用也急剧升高。
在前端开发项目中， sass 是一个很好的编写样式的预处理工具，但是集成到 VueCli 中以后坑还是很多的。如果想要在项目入口文件 main.js 中引入，然后可以全局使用，会报各种各样的错。下面就记录一下自己的踩坑经历吧。
idea开发vue好用吗
idea好一些。因为idea全称 IntelliJ IDEA，是java编程语言开发的集成环境。
个人尝试过 IDEA ，是我接触到的编辑器 / IDE 中效果最好的 VSCode 的话代码高亮有很严重的缺陷，自动补全也不好用 Atom / Sublime Text 的话没有自动补全… 那各位 vue.js 开发者是用什么编辑器呢？装插件啊。
．简单易学，容易上手，Vue是国内团队开发，文档手册比较齐全，很适合前端新手小白学习。更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。
Webstorm支持的更多，IDEA需要自己配置。
vue优点：因其性能好、入门快、轻量化、可拓展性强、数据流双向绑定、灵活、模块友好等特点，成为了许多前端开发者搭建框架的首选。jsp取数据比较方便，而且是后端直接渲染返回html，因而天然可以做seo。
一般用vscode。微软的这个软件在代码支持程度上还是比较成熟的，对vue方面有插件支持检查和自动化处理，可以很方便管理vue代码。
idea打开vue文件没有变色
安装vetur插件就可以了。先下载vue插件，然后打开IDEA点击安装本地磁盘的里的插件选项，找到里面的vuejs文件(vue.jar)，安装重启恢复正常了。
在vue项目中，如果node_modules文件夹显示灰色，通常是因为该文件夹被设置为忽略。这是因为该文件夹中包含了所有安装的npm包，而这些包的大小很大，不适合在版本控制系统中管理。
file -- settings -- plugins，然后什么都不用输入，直接点击Browse repositories...紧接着左上方输入“vue”，点击搜索结果里的vue.js，右边会有绿色install按钮，安装成功后重启idea，这样idea就能识别.vue文件了。
首先，检查是否有更新Vue的版本，如果有，则将其更新到最新版本，以确保Vue的稳定性和可靠性。其次，检查是否有问题的代码，并修复它们。此外，可以尝试清理缓存，以便Vue重新加载项目文件，并确保它们正确运行。
打开文件配置，后台控制执行。idea中修改打包后vue的第1步就是，首先需要在package.json文件中配置，其次在后台控制台执行打包命令，然后打开项目，选择相对途径获得静态资源，最后选择需要修改的内容之后点击打包进行正常运行。
Git 设置忽略了 .vue 文件：检查项目中是否存在.gitignore 文件，其中设置了忽略 .vue 文件，可根据需求修改或删除该设置。