vue 搭建网站

发布日期： 2025-12-13 阅读量： 作者： admin

昨天折腾了一天Vue搭网站的事儿，可太有意思了。本来想着不就是个破官网嘛结果从装环境开始就给我来个下马威。

开局一把刀

我兴冲冲打开电脑，先敲了个npm install vue-cli，结果命令行蹦出来一堆红字儿。仔细一看，好家伙，新版本早就改名叫vue create了。行，咱也不是第一次被版本更新坑，麻溜重输命令，起项目名字时手一抖按了回车，直接给整了个my-project-01，土得掉渣。

装完依赖发现node_modules文件夹占了半壁江山，愣是塞了五百多兆。这还没写代码，硬盘先哭出声了。顺手打开项目一看，自带的HelloWorld组件躺在src里，删它的时候我还犹豫了三秒——这玩意儿跟泡面里附赠的塑料叉子似的，食之无味但丢了又怕要用。还是给扔了。

新建个*文件，刚写两行template就报错。原来必须用个div包着所有标签，气得我对着显示器指指点点：“你丫事真多！” 调样式的时候更绝，加了个背景色死活不显示。查半天发现是scoped属性作妖，把作用域限定死了。删了scoped才出来，这感觉就像在超市找半天商品结果发现标签贴错了货架。

路由配置最逗，照着官网抄代码楞是跳转失败。发现是routes拼错成routers了。多打的那个s害我在黑暗里摸索了半小时，眼睛都快贴屏幕上了。

传数据这块儿也够呛。想从父组件给子组件传个标题，在子组件里props接收半天没动静。发现是没在组件标签上绑属性，活像寄快递忘了写收件人。更绝的是改完数据页面不更新，急得我狂按F5。后来才知道得用this.$set，Vue这小祖宗不给你自动监测。

打包上线更是笑死人。dist文件夹往服务器一扔，页面直接空白。打开开发者工具一看全给报404。合着是路径配置问题，把config里的publicPath从'/'改成'./'才搞定，感情前面斜杠是大爷请不动！

说起来我们公司现在技术栈才叫热闹。去年招来个小伙非要用React写后台，跟用Vue的组长天天在会议室拍桌子。运维老张更绝，直接抱着Java写的祖传调度系统当宝贝。上周开技术选型会，五个人掏出七套方案，那场面跟摆地摊似的。

最绝的是老板，看隔壁公司用低代码平台建站快，非让我们也搞。结果上周甲方爸爸要加个会员系统，拖拽半天下不来，还得我连夜用Vue重写。早上交差时甲方夸“还是你们专业”，老板在旁边脸都绿了。

为啥这么清楚？我就是那个加班擦屁股的倒霉蛋！去年被组长派去学什么新框架，刚啃完文档回来，发现项目已经改用另一套了。现在电脑里node_modules多得能开染坊，上周清理磁盘愣是清出20个G，删库那天全公司程序员集体默哀了三分钟——都是被npm install折磨过的革命友谊。