5、搭建前端项目

最新推荐文章于 2024-08-22 11:06:05 发布
最新推荐文章于 2024-08-22 11:06:05 发布
阅读量255 收藏
点赞数 6
分类专栏： 全栈开发实战 文章标签： 前端 vue css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43258522/article/details/139526161
版权
本文档详细介绍了如何使用Vite和Vue搭建前端项目，包括删除HelloWorld.vue，安装Element-Plus和fetch，配置tailwindcss，设置vue-router，创建不同页面组件，以及集成markdown编辑和展示功能。
摘要由CSDN通过智能技术生成
5.1 使用vite + vue搭建

win + r 打开终端

切换到你想要搭建的盘

在这里插入图片描述

npm init vite@latest

跟着以下步骤取名即可

在这里插入图片描述

cd fullStackBlog

npm install

npm run dev

默认在 http://localhost:5173/ 下启动了

在这里插入图片描述

5.2 用vscode打开项目并安装需要的插件

在这里插入图片描述

1、删除多余的 HelloWorld.vue 文件

2、安装需要的插件

网络请求我直接用fetch了，你需要用axios的话就执行以下命令安装，使用也很简单

npm i axios -S

安装Element-Plus并引入到入口文件 main.js （这里使用了全局引入，按

了解本专栏 订阅专栏 解锁全文 超级会员免费看
罗_三金
关注
  • 6
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
前端页面的简单学习与项目搭建（主要针对HTML和VUE的学习）
张彦峰的博客
04-09 169万+
备注：只是本人的自学与备注，自己本身不是做前端的，只是简单搭建一些前端的东西，自己玩的。 一、HTML简单的回顾 （一）HTML 基本结构 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html&...
前端项目搭建基本流程
一枚数学专业的小码农的博客
10-03 3859
前端搭建的基本流程
VUE前端项目环境搭建
qq_38003956的博客
09-13 895
vue前端项目环境搭建
. 搭建前端项目
weixin_42127687的博客
05-13 1255
5. 搭建前端项目 5.1 创建项目目录 cd 项目目录 vue init webpack lufei_pc 例如，我要把项目保存在~/Desktop桌面目录下，可以如下操作： cd ~/Desktop vue init webpack lufei_pc 根据需要在生成项目时，我们选择对应的选项, 效果： 根据上面的提示，我们已经把vue项目构建好了，运行测试服务器。 打...
项目前端搭建
weixin_35969228的博客
05-08 197
一.搭建项目前端页面环境 前端选取的模板为vue-admin-template 1.解压模板文件到工作区 2.安装依赖 npm install 所有依赖，都下载到了node_modules文件中，如果下载失败，删掉此文件机重新下载 Error: Can't find Python executable "python", you can set the PYTHON env va...
webpack2.0搭建前端项目的教程详解
08-30
这个教程将详细介绍如何使用 Webpack 2.0 来搭建前端项目。 首先，我们需要初始化一个新的项目。通过运行 `npm init` 命令，你可以创建一个 `package.json` 文件，该文件记录了项目的基本信息和依赖项。接着，安装 ...
前端模仿搭建小米官网项目
08-18
在前端开发领域，模仿搭建知名网站是学习网页设计与开发的一种常见方法。在这个项目中，我们将专注于使用HTML和CSS技术来构建一个类似小米官网的页面。这个实践过程可以帮助初学者深入理解这两种语言的基础以及如何...
前端项目之本地环境搭建
06-06
本资源主要讲解了前端项目环境的基本搭建以及在github中的使用
vue2.x+webpack快速搭建前端项目框架详解
08-28
vue2.x+webpack快速搭建前端项目框架详解 vue2.x+webpack快速搭建前端项目框架详解是当前前端开发领域中非常流行的一种技术栈，本文将详细介绍如何快速搭建基于vue2.x、webpack、vuex、sass+axios、elementUI等...
前端字符串将其分割成长度为 32 的子字符串数组
人与人之间最小的差别是智商，最大的差别是坚持。
08-19 395
要实现这个需求，可以编写一个简单的 JavaScript 函数来处理字符串并将其分割成长度为 32 的子字符串数组。将字符串切割后，对list数据进行数据处理。
【js】各类前端输入校验方法
galaxyJING的博客
08-21 350
【代码】【js】各类前端输入校验方法。
vue中定义一个url文件,在vue文件中引入
最新发布
weixin_65767506的博客
08-22 241
1.在src/utils文件夹下创建一个url.js。3.在其他vue文件中引入。2.url.js的内容为。4.在挂载时打印一下。打印出来就可以用了.
浅谈JavaScript 框架在现代 Web 开发中的作用
08-21 512
随着近年来 Web 开发的快速发展，JavaScript 框架已成为用于构建任何应用程序的强大、灵活和可扩展元素的重要实用程序。一些框架，如Angular、React、Vue.JS等，有助于以系统的方式处理固有的网站开发复杂性，以提高效率。它们提供已经为基本编程功能和常规任务编写的 JavaScript 代码，从而缩短了必要的原始编码时间。此外，它们还增加了 Web 应用程序的功能和交互性，从...
【IC前端虚拟项目】用例的完善与补充
moon9999的博客
08-20 93
当然只不过是参考，个人不建议在寄存器测试这个环节投入太多的经历，也没有必要非在环境中讲寄存器模型以seq方式呈现，只要用起来方便就是最合适的。如果之后在实际的项目中寄存器模型时通过seq的方式集成到环境中的（比如我现在负责的项目，验证环境就是如此），那么转换过来也是没有什么难度的，这点大可放心。此外，在组织更多随机用例的过程中可以练习多种不同约束的transaction以不同的比例关系通过同一个seq/sqr uvm_do的操作。好了，具体的用例大家可以参考我的代码，尽量以自己的思路来进行扩充。
前端审查_Nginx
阿宝的博客
08-22 327
vueCli/vite/cra/umi等都是运行 build脚本build如何定义 打包生产环境代码配置在配置文件 vue.config.js中。
CORS error && 302 Found
zcxbd的博客
08-19 214
单点登录认证：访问A系统，在B系统登录认证此处代码为A系统。
SQL-约束篇
Broken_x的博客
08-19 777
SQL约束是数据库设计中不可或缺的一部分，通过合理使用各种约束，可以确保数据的完整性和一致性。在实际应用中，开发者应根据需求灵活运用这些约束，以提高数据管理的效率和安全性。
前端点击预览图片：Viewer.js 使用方法
mq1314520_zhl的博客
08-21 738
Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。Viewer.js分为2个版本，js版本和jquery版本，下载地址分别为jQuery 版本：GitHub - fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.
快速搭建Vue前端项目：vue-element-admin实践
"02-搭建VUE前端项目" 在本文中，我们将深入探讨如何搭建一个基于Vue和Element-UI的前端项目，以`vue-element-admin`为例，它是一个功能丰富的后台管理前端解决方案。首先，我们需要从GitHub上获取项目源代码，并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

罗_三金

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值