Vite秒开项目，Webpack被挤到角落，工具选错真耽误事儿。
最近换电脑重装开发环境，翻出去年的项目笔记，发现好多工具早就不一样了。以前配个webpack要折腾半天，现在新建一个Vue项目，终端敲两行命令，三秒就跑起来——不是我电脑快，是Vite真把打包那套绕过去了。朋友还拿旧项目问我：“为啥你本地启动比我们CI构建还快？”我说不是我快，是我不再让代码等打包。
VS Code现在几乎成了桌面常驻应用，不是因为它多炫，是它真的不闹脾气。装好插件后，写React能直接跳转到组件定义，改完API接口，Mock数据自动生成，连报错提示都带修复建议。有次凌晨两点改登录页，Chrome DevTools卡死，顺手切到Responsively App调响应式，一边拖动窗口大小，一边看三个设备实时同步变化，截图对比差一像素都能标出来，比以前来回切浏览器省了至少半小时。
HBuilderX是我给同事安利最多的一次。做小程序时，他天天在微信开发者工具里反复点“重新编译”，等五秒，再点一次，再等。我直接用HBuilderX连上真机，改一行CSS，手机屏幕立马变，连USB线都懒得拔。他说这不科学，我说这不是黑科技，是它把uni-app的编译链全压进一个进程里了，没中间商赚差价。
Parcel那次是救急用的。部门要做个内部活动页，三天交，设计师甩来一张图，后端说API下周才好。我直接建个空文件夹，npm init -y，npm install parcel，写完HTML+JS扔进去，parcel index.html——页面自动弹出来，Mock数据用JSON Server配了十分钟。上线前才发现连webpack.config.js都没见着影儿。
摹客刚装上时我以为又是截图标注工具，结果导出样式代码居然是带BEM命名和CSS变量的，连字体单位都自动转rem。更绝的是，设计师改了按钮圆角，我点一下“同步更新”，组件库里对应按钮的样式文件就高亮出来，连Git diff都不用手动看。
bit.dev试了两次才上手。第一次传组件总报错，后来发现它不要你push整个项目，只传一个组件文件夹加个bit.json就行。第二次传了个带useIntersectionObserver的hook，它自动分析依赖，连React版本兼容性都标出来了。现在团队新加人，不用翻文档，直接在bit.dev搜“弹窗”，点开就能看到所有项目怎么用、用了多少次、谁最后改的。
npkill是上周发现的救命工具。删node_modules老是不敢下手，怕把项目搞崩。npkill一跑，列出所有散落各处的node_modules，按大小排序，勾选两个超过300MB的，回车删完，硬盘空出8GB——原来好几个废弃项目一直躺在U盘里没清理。
SecureHeaders配置就一行代码，加在Express中间件里，CSP规则自动生成。以前要查MDN挨个写头，现在它连report-uri都帮你配好，报错信息直接发到内部钉钉群。
D3.js这次真没用上，但看了同事做的产线监控图，数据进来不是画柱状图，是粒子在管道里流动，速度越快颜色越蓝，断流就飘红点。他说这玩意儿写法像写CSS，但逻辑是函数式驱动DOM，改个物理参数，整个动效就变。
CodePen存了七八个私有片段，最常用的是测Container Queries兼容性。不用搭本地环境，贴代码就跑，Safari 17.4一开就报错，Chrome最新版秒过，截图往群里一甩，大家立刻明白该不该上这个特性。
FinClip Studio试过一次，给客户现有APP嵌了个微信小程序，不用改原生代码，只配个JSON。灰度发布时，后台点3%用户放量，三小时后看日志，错误率0.02%，比他们自己写的H5页还稳。
工具不是越多越好，是哪个卡脖子就换哪个。装了十个插件不如搞懂一个LSP协议怎么让跳转不跳空。有次配错Vite别名，整个项目路径404，查了俩小时，后来发现vscode的jsconfig.json里少写了个“/”，改完重启，瞬间通了。
现在电脑里没装WebStorm，没开Sublime Text，HBuilderX只在 uni-app 项目里亮。VS Code开三个窗口：一个写代码，一个跑终端，一个看日志。终端里常驻着vite dev、npkill、和一个盯着package-lock.json的snyk watch。
工具不会替你思考，但能让你少点几次F5，少看几眼报错，多留点脑子想业务逻辑。
删掉所有没用的node_modules后，电脑风扇安静了。
金河配资-金河配资官网-网上股票开户-散户配资在线登录提示：文章来自网络，不代表本站观点。
