昨儿个新项目开搞，我咬牙硬装vue-cli

昨儿接了个前端私活，寻思用Vue3整点新活。电脑里那个脚手架还是两年前的版本，开终端噼里啪敲npm install -g @vue/cli，结果安装包直接给我甩脸子看。权限报错红得跟年画似的，卡壳半小时才想起来去年给npm换过淘宝源。重新敲npm config set registry 仓库地址（被要求替换成"淘宝源那串玩意儿"），这才听见进度条滋溜溜跑起来。

创建项目时被选项整懵圈

装完撸袖子开干，vue create my-project 刚回车就弹出一排选择题：

• 用Vue2还是Vue3？
• 要不要带路由？
• 上不上Pinia状态库？
• 测试工具选Jest还是Cypress？

我蹲在工位挠头皮，寻思这跟海底捞点菜似的。闭眼勾了Vue3+Pinia+ESLint，想着新项目总得试试时髦玩意儿。结果生成完打开文件夹当场傻眼——配置文件多得跟煎饼摊上的葱花似的。

VSCode插件救我狗命

看着满屏幕.vue文件脑壳疼，突然想起群里老张提过Vetur插件。冲进VSCode插件市场猛搜，把Vetur、Vue Language Features、ESLint仨插件全拽进编辑器。刚装完就看见组件里的template突然能自动补全<router-view>了，属性提示哐哐往外弹，活像开了自助餐。

改代码时手滑在methods里写成箭头函数，右边突然冒出个红色波浪线。点开一看乐了：ESLint揪着我喊"该用普通函数"。这比我们产品经理盯需求还仔细，吓得我赶紧敲键盘改回去。

浏览器插件让调试像开挂

下午跑项目遇到组件传值乱窜，*打得满屏都是。隔壁工位实习生探头说："哥你装Vue Devtools没？" 我老脸一臊，跑去Chrome商店摸鱼下载。装完刷新页面，浏览器开发者工具里突然多出个Vue标签页，组件树跟族谱似的排开，连data里的数字都能实时改。

最邪乎的是点开Pinia标签，看见全局状态库里的用户信息。随手把username改成"葫芦娃大哥"，页面头像旁边秒变新昵称，乐得我差点把枸杞茶喷键盘上。

热更新差点让我翻车

临下班前改样式，在VSCode里刚保存，浏览器页面突然自己刷新起来。正美滋滋想着热更新真香，突然听见主机箱风扇狂转——原来我开了三个项目的服务，笔记本烫得能煎鸡蛋。赶紧翻去年买的散热支架，架起来才没当场死机。

搞完瘫在椅子上琢磨，这些工具刚上手觉得麻烦，用顺了比老家的柴刀还趁手。就是得记着别同时开太多服务，不然电脑准跟你尥蹶子。