vite+vue3搭建前端项目并使用 Bulma 框架

已于 2025-02-08 17:38:00 修改
阅读量296 收藏
点赞数 2
文章标签： typescript vue npm
于 2025-02-08 17:33:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36991535/article/details/145520077
版权

vite+vue3搭建前端项目并使用 Bulma 框架

bluma css框架参照。
https://bulma.org.cn/documentation/start/overview/

1. 创建项目
npm init vite@latest ai-imageneration --template vue

选择 vue 和 typescript 作为模板：
在这里插入图片描述

2. 安装依赖
npm install
npm install bulma
3. 运行项目
npm run dev

在这里插入图片描述
在这里插入图片描述

bootstrap 开源框架demo_9个优秀的 VUE 开源项目
weixin_39993454的博客
11-25 1972
作者：前端瓶子君转发链接：https://mp.weixin.qq.com/s/W8Fvn1ubcKwjo-C7LQvU7w前言Vue 结合了 React 和 Angular 的优点，并且有着团结、活跃且庞大的社区，可以帮助解决开发中遇到的问题。开源社区不断提出解决问题的新方法。工具和库的数量也贡献量不断的增加。使用 Vue 的好处该框架非常小。约为18–21KB；Vue 支持用基于组件的方法来构...
css vue 路径别名出错
qq_27009517的博客
09-09 692
Module build failed: Error: D:\vue2\gowhere\travel\src\pages\home\components\Header.vue:26:9 22| 23| <style lang='stylus' scope> 24| // css 里的引入要 加 @ ~ 25| 26| @import '@styles/variable.styl' ---------------^ 27| 28| .header 2...
bulma css 中文,[译] Bulma: 2018年你应该关注的CSS框架
weixin_36054159的博客
08-04 221
image在这 Bootstrap 主导的世界里，Semantic UI和Foundation备受欢迎, 其它的一些框架很难脱颖而出。不过, 这三个是众所周知的, 已经相对成熟, 并且在市场上存在了相当长的时间, 但是它们都相对较重, 它们都需要对核心有深刻的理解，尤其是你需要自己定制些东西的时候(你曾经在Semantic中定制过下拉组件吗？？！)一股清流Bulma来了。 Jeremy Thoma...
CSS Bulma 框架
lio-zero 的博客
04-09 588
Bulma 是一个免费的、开源的框架，采用了移动优先的响应式布局，它提供了可随时使用的前端组件，您可以轻松地将这些组件组合起来构建响应性强的 web 界面。 Bluma 可以作为 Bootstrap 的替代框架，这类框架还有 Skeleton、Pure、Bootflat、Mueller。 Bluma 是纯 CSS 的框架，你只需要将已经给定的类添加到你的标签中，就能实现漂亮的效果。 下面我们将来介...
前端开发Vue常用的组件库大全
前端开发探索之旅
05-06 1414
前端组件库大全 Vant UI 、uView（Vue2）与 uview-plus（Vue3）、Electron框架 、VueUse工具库、NuTUI、Color UI等。
最新 Vue 生态系统及工具链大盘点
前端开发博客
06-05 1244
大家好，我是前端宝哥。自2014年2月 Vue 问世以来，它已经成为了JavaScript界的明星，是构建和维护Web应用的顶级框架之一。Vue之所以受到许多开发者的青睐，是因为它简单易学、性能优异，而且非常灵活，非常适合用来搭建各种规模的应用。选择Vue来构建你的应用后，下一步就是挑选合适的工具和库来帮你快速开发。多年来，Vue不断推陈出新，比如引入了Composition API，为开发生态...
Vue常用的组件库大全【前端工程师必备】【实时更新】【移动端、PC端（web端）、数据可视化组件库（数据大屏） 、动画组件库、文本编辑器，富文本、Markdown，3D组件库，Markdown网站】
热门推荐
程序员猫爪
11-29 3万+
Vue组件库，超100个Vue组件库，Vue常用的组件库大全【前端工程师必备】【实时更新】【移动端、PC端（web端）、数据可视化组件库（数据大屏） 、动画组件库、文本编辑器，富文本Markdown，3D组件库】
推荐开源项目：Admin One - 免费的Vue Bulma Buefy管理面板
gitblog_00002的博客
05-30 459
推荐开源项目：Admin One - 免费的Vue Bulma Buefy管理面板 项目地址:https://gitcode.com/gh_mirrors/ad/admin-one-vue-bulma-dashboard Admin One 是一个基于 Vue.js 2.x 和 Bulma 框架的，采用 Buefy 组件库构建的简单、美观且免费的后台管理面板模板。它提供了一套完整的开发工具链，包括...
开源项目 Admin One Vue Bulma Dashboard 教程
gitblog_00532的博客
08-19 840
开源项目 Admin One Vue Bulma Dashboard 教程 admin-one-vue-bulma-dashboardFree Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported项目地址:https://gitcode.com/gh_mirrors/ad/admin-one-vue-bulma...
6个宝藏级Vue管理后台框架 必须收藏
XLL20001022的博客
04-02 1661
今日主要讲解基于Vue管理后台的框架，让你偷得浮生半日闲…忙里偷闲，又不负自己。 d2-admin★star7.1k D2Admin是一个完全开源免费的企业中后台产品前端集成方案，使用最新的前端技术栈，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统敏捷开发。 功能介绍：使用vue-cli3构建、首屏加载等待动画、五款主题、内置UEditor富文本编辑器、分离的路由和菜单设置、可折叠侧边栏、Fontawesome图标库、数字动画等等… 地址：https://github.co.
Vue.js 3高级Web应用开发食谱
- **项目设置**：了解如何使用Vue CLI或Vite等工具搭建基于Vue.js 3的项目。 - **组件编写**：学习如何编写Vue.js 3组件，包括单文件组件（SFC）和Options API。 - **响应式数据和方法**：掌握响应式数据声明和计算...
探索Vanilla Playground：全面掌握HTML/CSS/JS开发环境搭建
- Vite是一个由Vue.js团队创建的前端构建工具，它提供了一个简洁高效的开发环境。 - 它利用了现代浏览器的原生ESM（ECMAScript Modules）能力，为开发者提供快速的冷启动和热模块替换（HMR）。 - Vite也支持按需...
Vue.js构建的Tweety UI：轻量级社交界面解决方案
从提供的信息可以看出，“tweety-ui”是一个专注于提供UI组件和工具的Vue.js项目，使用了Buefy框架以及TypeScript的特性，以增强项目的类型安全和开发体验。它依赖于Vue.js生态系统中的多个工具和库，比如Vee...
【译】Vue 的小奇技（第三篇）：用 PurgeCSS 移除不需要的 CSS
weixin_34186931的博客
01-28 2523
原文地址：Measure runtime performance in Vue apps 原文作者：Alex Jover 译者：程序猿何大叔 特别声明：本文是作者 Alex Jover 发布在 VueDose 上的一个系列。 版权归作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 为了不影响大家阅读，获得授权的记录会放在本文的最后。 我们有很多可以提高 web 性能的方...
Vue 3 官方 Hooks 的用法与实现原理
farme_guan的博客
05-22 1414
Vue 3 的 Composition API 引入了生命周期钩子（hooks），使得在函数式风格中更清晰地管理组件生命周期。本文详细介绍了官方生命周期 hooks 的使用、实现原理以及如何自定义 hooks。
从npm库 Vue 组件到独立SDK：打包与 CDN 引入的最佳实践
最新发布
m0_57524265的博客
06-04 502
本文介绍了文件预览组件从直接发布npm源码到打包为独立SDK的改造方案。
1.什么是node.js、npm、vue
wdy00000的博客
05-29 1735
一、Node.js 是什么？😺 定义：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，让你可以在浏览器之外运行 JavaScript 代码，主要用于服务端开发。😺从计算机底层说：什么是“运行环境”？“运行环境” = 能接收你写的高级语言代码，并把它翻译成 CPU 能执行的机器指令，然后 管理运行所需的一切资源（内存、I/O、线程等） 的一套系统。😺😺Node.js 是如何做到“运行 JS 代码”的？
“packageManager“: “pnpm@9.6.0“ 配置如何正确启动项目？
sinat_33255495的博客
06-03 222
今天在学习开源项目的时候，在安装依赖时遇到了一个报错特此记录一下解决的过程。
第4节 Node.js NPM 使用介绍
2301_78772942的博客
05-31 1654
第4节 Node.js NPM 使用介绍
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Anesthesia丶

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

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

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

打赏作者

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

抵扣说明：

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

余额充值