文章 2024-07-31 来自:开发者社区

使用BootstrapVue相关组件,构建Vue项目界面

基于Vue的前端框架有很多,Element算一个,而BootstrapVue也可以非常不错的一个,毕竟Bootstrap也是CSS中的大佬级别的,它和Vue的整合,使得开发起来更加方便了。BootstrapVue 是基于 Bootstrap v4 + Vue.js 的前端 UI 框架。它是流行的 Bootstrap 框架与 Vue.js 的集成。这个包称为 BootstrapVue。它允许我们使....

使用BootstrapVue相关组件,构建Vue项目界面
文章 2023-11-23 来自:开发者社区

VUE3(三十五)vite构建的项目配置使用.env文件

如标题所示:我要在vue3项目使用.env文件。先介绍一下项目背景,项目使用VUE3.2 + vite2.9 + typescript搭建。我基本断定,vue3使用.env文件的方法可能和vue2使用.env文件的方法可能是不同,关于vue2项目如何使用.env文件,请移步《VUE2(七)VUE配置env文件使用》简单说一下就是vue2使用.env文件是基于process.env来获取env文件....

VUE3(三十五)vite构建的项目配置使用.env文件
文章 2023-10-30 来自:开发者社区

Vue 使用vue-cli构建SPA项目(超详细)

前言: 在我们搭建SPA项目时候,我们必须去检查我们是否搭建好NodeJS环境 cmd窗口输入以下指令:去检查   node -v   npm -v一、什么是vue-cliVue CLI(Vue Command Line Interface)是一个官方提供的用于快速搭建 Vue.js 项目的脚手架工具。它提供了一套命令行工具,可以帮助开发者创建、配置和管理 Vue.js 项目....

Vue 使用vue-cli构建SPA项目(超详细)
文章 2023-10-26 来自:开发者社区

Vue安装并使用Vue-CLI构建SPA项目并实现路由

前言        Vue.js是一个流行的JavaScript框架,用于构建SPA应用程序。单页应用程序(SPA)是一种常见的开发模式,当我们使用Vue.js构建单页应用(SPA)时,它允许用户在不重新加载整个页面的情况下,与应用程序进行交互。路由是一个非常重要的概念。它允许我们在应用程序中实现页面之间的切换和导航,而无需重新加载整个页面。本文将介绍如何....

Vue安装并使用Vue-CLI构建SPA项目并实现路由
文章 2023-07-16 来自:开发者社区

Vue框架常用组件的快速构建项目Ctrl+c Ctrl+a Ctrl+v第十四课)

常用到的组件库:下面的网站在自己空闲时间去看看 下面的资源只需要ctrl+c ctrl+a ctr+vBorder 边框 | Element Plus (element-plus.org)Icon 图标 - Vant Weapp (youzan.github.io)组件总览 - Ant DesignLayui 开发使用文档 - 入门指南Icon 图标 - Semi DesignCSS Reset....

Vue框架常用组件的快速构建项目Ctrl+c Ctrl+a Ctrl+v第十四课)
文章 2023-04-14 来自:开发者社区

【vue3】使用vite构建vue3项目

【前言】 当我们选择了vue3作为我们项目的开发,就更加的推荐使用vite来对我们的项目进行打包。很简单——这也是开发vue的团队开发的工具,因此支持性肯定比传统的打包工具好,下面我们就来使用vite来开发一个vue3项目。一、vite介绍Vite(法语意为 “快速的”,发音 /vit/,发音同 “veet”) 是一种新型前端构建工具,能够显著提升前端开发体验(热更新、打包构建速度更快)。二、v....

【vue3】使用vite构建vue3项目
文章 2023-01-13 来自:开发者社区

vite 构建vue3 项目配置文件的详情配置

建立配置文件在根目录下面建立一个vite.config.js文件,在里面导出一个对象或者是一个函数返回一个对象都可以,例如下下面:export default { 配置1:'', 配置2: '', }或者:export default () => { 配置1:'', 配置2: '', }个人常用的配置文件const path = require('path') export...

文章 2022-11-22 来自:开发者社区

【Vue3+Ts+Vite】使用Vite与TS构建Vue3项目

Vue3+Ts+Vite今天学习一下如何初始化一个 Vue3 + Ts + Vite 的项目学习地址:开始 {#getting-started} | Vite中文网 (vitejs.cn)与时俱进 开始用全新的技术本文包含以下内容:基础框架的搭建,别名配置,vue-router配置,pinia配置,axios配置,ESLint配置。安装# Vite 需要 Node.js 版本 >= 12.....

文章 2022-08-22 来自:开发者社区

Vite构建的Vue3项目打包部署到Gitee —— 全网最详细系列

最近利用Vite构建Vue3写了一个简单的ToDoList,想要部署到Gitee,并开启 Gitee Pages服务时出现页面空白的问题,参考了很多博客,尝试了很多办法都没有解决,正愁眉不展时我点开了Vite的官方文档,好家伙,直接茅塞顿开,原本这么小的一个问题被我想的太复杂了,还浪费了那么多时间,哎,此刻记录下我的解决办法,希望能帮到跟我有同样问题的人。Vite部署静态站点官方文档一、本地打包....

Vite构建的Vue3项目打包部署到Gitee —— 全网最详细系列
文章 2022-02-17 来自:开发者社区

成为构架师必知的Vue目录结构和构建规范,恩师王红元的蘑菇街项目❤

目录项目开发流程目录风格代码组织格式目录结构 项目开发流程划分目录引用两个css文件项目模块划分:tabbar->路由映射关系目录风格文件夹字母小写,组件首字母大写比较清晰代码组织格式一个项目里页面唯一的用id,多个用classmethods,方法里面写函数,生命周期只负责调用就行页面复杂的话就再分子组件$el:相当于根组件,可以拿到组件的js原生值比如浏览宽高目录结构 注意看每个文件的后....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注