【Python百日进阶-Web开发-Vue3】Day514 - Vue+ts后台项目1：环境搭建

最新推荐文章于 2024-08-27 16:58:03 发布

岳涛@心馨电脑

最新推荐文章于 2024-08-27 16:58:03 发布

阅读量388

点赞数

分类专栏：数据分析 Dash Vue3+及生态文章标签： vue.js 前端 python

本文链接：https://blog.csdn.net/yuetaope/article/details/128463657

版权

Dash 同时被 3 个专栏收录

302 篇文章 200 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

数据分析

72 篇文章 5 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

Vue3+及生态

37 篇文章 0 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何手工搭建Vue3项目，并结合Element-Plus进行前端开发。首先，通过yarn创建Vue项目，安装依赖，修改package.json配置，启动项目。接着，详细讲解了如何安装和配置Element-Plus，包括安装unplugin-vue-components和unplugin-auto-import插件，修改vite.config.ts文件。最后，提到了使用Element-Plus提供的项目模板快速搭建的步骤，包括从GitHub下载模板，初始化项目并启动。

摘要由CSDN通过智能技术生成

本项目参考B站视频 https://www.bilibili.com/video/BV1nr4y1G73d/
感谢 写网页的叮叮 的无私分享

一、手工搭建vue+element-plus

1.1 vue环境搭建

1.1.1 创建项目 yarn create vue

PS E:\VirtualEnv\vue> yarn create vue
yarn create v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...

success Installed "create-vue@3.5.0" with binaries:
      - create-vue
[##] 2/2
Vue.js - The Progressive JavaScript Framework

√ Project name: ... vue3_ts
√ Add TypeScript? ... No / Yes
√ Add JSX Support? ... No / Y