vue3门户网站模板怎么安装？详细步骤手把手教你

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

今天想弄个门户网站模板，听说vue3的挺火，就找了个免费的来试试。结果光安装就折腾了一下午，踩了不少坑，干脆把过程记下来，给大伙儿避避雷。

准备工作

我先去官网下了个nodejs，这玩意儿是跑vue的基础。装完打开命令行，输入node -v和npm -v，看到版本号才算装接着全局安装vue脚手架，输入npm install -g @vue/cli，等着进度条跑完就行。

本来以为直接git clone就能用，结果模板仓库里一堆依赖报错。我只好先手动创建vue项目，用vue create my-portal命令，选vue3默认配置。创建完发现模板文件根本对不上，原来得把src文件夹整个替换掉。替换完一运行，控制台哗哗报错，缺一堆依赖包。

我照着报错信息挨个补依赖，先npm install vue-router@4装路由，又补了element-plus和图标库。最麻烦的是sass-loader，版本和webpack不匹配，折腾半天才用npm install sass sass-loader@10.1.1搞定。

修改*文件，把createApp改成vue3的写法，路由配置也按新版本重写。模板里的静态资源路径不对，又手动调整了图片引用路径。输入npm run serve，终于看到登录页面弹出来了！

总结下来就是：免费模板省了钱但费时间，光依赖版本冲突就够喝一壶。下次还是直接买成熟模板，至少人家测试过兼容性。