VUE3-博客全栈 04-前端

已于 2022-09-09 15:19:39 修改
阅读量430 收藏
点赞数 1
分类专栏： Vue3 文章标签： vue.js 前端 javascript
于 2022-09-09 09:05:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_59214979/article/details/126740831
版权

本节：开始创建项目，搭建基础的main.js配置和路由配置

整个项目上传到了gitee，这是链接:VUE3 博客全栈: VUE3 博客全栈

一、项目搭建

1.搭建一个vue3项目，搭建流程：（(71条消息) Vue基础-02_V_zcm的博客-优快云博客）

2. 然后在项目下，要安装 axios ,pinia,sass,vue-router,naive-ui,wangeditor 5 富文本编辑器  ，用 npm install 模块名字就可以安装了，,vue-router,naive-ui,wangeditor 5一些可能会更新版本的模块，要去对应网站看安装代码

3.安装完，在终端打开项目：命令行执行： npm run dev  ，页面可以成功打开项目就搭建好了。

最低0.47元/天 解锁文章
VUE3-博客全栈 05-前端
m0_59214979的博客
09-09 978
本节：登录页面的编写，账号密码通过local store和pinia来保存状态；后台系统的框架，父子路由的配置
VUE3-博客全栈 06-前端
m0_59214979的博客
09-09 704
文章的列表，添加文字，修改文章，删除文章
vue3-博客
02-25
vue3-博客 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置 请参阅。
使用Vue 3实现一个简单的博客架构，包含文章列表和文章详情
有我更精彩的博客
08-20 842
通过使用 Vue 3 的setup语法糖，我们能够快速构建一个简单的博客架构。在这个例子中，我们展示了如何使用 Vue Router 管理路由，以及如何使用响应式数据展示文章列表和详情。当然，以上的结构非常基础，随着你对 Vue 的深入了解，你可以添加更多的功能，比如评论系统、文章创建、删除等操作。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作书籍详情。
【从零开始：如何用Vue3打造响应式个人博客网站】
最新发布
weixin_74887700的博客
03-19 937
从零开始，一步步教你使用 Vue3 构建一个完整的响应式个人博客网站。本文详细介绍了项目初始化、页面创建、路由配置、状态管理以及优化与部署的全过程。无论你是初学者还是有一定经验的开发者，都能从中获得实用的知识和代码示例。快来跟随教程，打造属于你的个人博客吧！
Vue3.2开发一个博客Demo项目
10-04 524
Vue + Element-Plus搭建博客项目
vue - blog开发学习3
巡山小妖008
05-27 194
vue - blog开发学习3 1、添加less 和less-loader支持 npm install less less-loader --save-dev 2、新建main.less，将这个样式添加到home.vue中的content标签上（添加之后页面可滚动） .content-wrapper{ padding: 18px; ...
vue3项目博客
m0_73918807的博客
11-23 477
这个项目是跟着B站up程序员老罗做的，我自己总结了遇到的问题。前端原码我放到了Gitee可以参考，但是我做的项目没有做完，因为后面我感觉练习的有点重复，所以系统设置和回收站我没有做。这个是B站的视频地址我的收获。
基于Vue框架的Java-Vue-JavaScript-CSS-HTML全栈李清清毕设项目源码
10-10
基于Vue框架的Java-Vue-JavaScript-CSS-HTML全栈李清清毕设项目源码，涉及前端和后端的多种技术，其中包括Vue.js作为前端框架的核心，Java作为主要的后端开发语言，以及JavaScript、CSS和HTML作为前端设计和交互实现...
VUE3 博客全栈-前端-07
m0_59214979的博客
09-09 778
博客分类的编写，添加 修改 删除 分类，获取分类列表
Vue3+TS+Node打造个人博客（总览篇）
前端原创分享，常年坚持记录和分享，全网阅读量超百万
02-24 2568
从 Vue3 正式发布到现在，也快过去一年了（写这行文字的时候是2021年09月08日，拖延症…）。 但是就我最近招聘面试的一些经历来看，很多 Vue 技术栈的候选人依然还没有使用过 Vue3。 关于他们没有选择使用 Vue3 这个事情，我觉得也是可以理解的。一方面，Vue3 直接放弃了 IE11。虽然 IE 的用户数量在持续下降，但是想让老板们直接放弃 IE11 还是有一些困难。 另外就是，做项目这种事情，有时候人们的选择就是能用就行，升级 Vue3 可能并不能给项目带来太多效益。对于一些历史悠久的项
blog:基于Vue3，Koa2开发的一套博客
03-15
博客 Blog是一个基于vue和node的小小小博客前端用vue，最初用Koa2 快速入门 技术栈 前置： 用户端： ， 管理员端： ， 初期： ， 本地运行 安装数据库和环境。 # 安装服务端依赖 npm install # 运行服务 npm run dev # 安装前台依赖 npm install # 运行前台项目 npm run serve # 安装后台依赖 npm install # 运行后台项目 npm run serve # 即可通过 http://127.0.0.1:3000访问 项目目录 | blog-admin 后台管理系统 | blog-home 用户端 | blog-serve 后台 | .gitignore git配置 打包 # 在前台和后台目录分别 npm ru
lyngs-blog:Vite2 + Vue3博客项目
03-26
lyngs-博客 这是一个基于Vue3+Vite2+TailwindCSS的博客项目。 该项目目前处于兼职开发阶段。 它的目标是成为一个simple looked博客网站。 您可以在下面查看该项目的设计。 外观设计 文章 文章详细 目标 外观设计 文章 文章详细 发表文章 备忘 备注详细信息 备忘录 评论 提交评论
Vue3+TS+Node打造个人博客（数据库设计）
2401_84091628的博客
05-06 987
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
Vue3+TS+Node打造个人博客（数据库设计），微信web开发
2401_84097941的博客
04-04 729
给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里免费领取，先到先得哦。g" />给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里免费领取，先到先得哦。[外链图片转存中…(img-smmmwmA0-1712219366403)][外链图片转存中…(img-teQ8mKKH-1712219366403)]
vue3
itwang912的博客
05-22 493
vueset <script src="js/vue.js"></script> <script> var vm=new Vue({ el:"#app", data:{//vue实例的跟数据对象 a:"hello vue", obj:{}, } }) // Vue.set(vm.obj,'b','我是vue.set添加的值');//m:model v:vi
vue 3
weixin_30906671的博客
07-01 74
目录 复习 Vue项目需要自建服务器：node npm:包管理器 - 为node拓展功能的 vue cli环境：脚手架 - 命令行快速创建项目 创建Vue项目 启动项目 项目目录 组件 在根组件中渲染页面组件 ...
Vue3+TS+Node打造个人博客，前端开发交流
04-10 844
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。一个人可以走的很快，但一群人才能走的更远。
Vue+Element-UI全栈教程前端源码解析
**VueDemo.zip**：该文件标题指的是一个压缩包文件，内容为一个基于Vue框架编写的全栈系统的前端部分。Vue.js是一种流行的JavaScript框架，用于构建用户界面和单页应用程序。它遵循MVVM模式，以数据驱动和组件化的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值