搭建vue3+vite项目

风中依旧笑着过

已于 2023-03-25 23:47:16 修改

阅读量243

点赞数 1

文章标签： vue.js javascript 前端

于 2023-03-23 14:13:46 首次发布

本文链接：https://blog.csdn.net/qq_42784165/article/details/129494375

版权

该文描述了一个Vue.js服务端渲染(SSR)项目的配置过程，包括使用`npminit`创建项目，安装VueRouter进行路由管理，集成ElementPlus组件库，实现按需引入和全局国际化。此外，还涉及了Mock数据、动画效果、页面进度条、SVG图标处理以及使用Vuex管理和Express搭建服务器等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 初始化项目
npm init vite@latest airbnb-ssr -- --template vue-ts
// 安装路由
npm install vue-router@next
// 安装path
npm install @types/node
// 安装element-plus组件库
npm install element-plus --save 
// 按需引入
npm install -D unplugin-vue-components unplugin-auto-import
// 全局中英文化
npm install vue-i18n@next
// mock假数据
npm install mockjs --save-dev
// 样式 效果
npm install animate.css gsap
// 页面跳转进度条
npm install nprogress
// 加载svg图标
npm install svg-sprite-loader@6.0.11
// 编写less 样式
npm install less
// 安装vuex
npm install vuex@next --save
// 安装express服务器
npm install express