首页 > 其他分享 >Vue+elementUI-创建项目

Vue+elementUI-创建项目

时间:2024-05-11 11:33:32浏览次数:14  
标签:Vue 项目 创建 elementUI element ui

创建VUE项目

vue create my-project

  后会出现选项,反正我选择的是自定义创建,第三个

 

 之后选2.X

选一堆配置,案子自己需求配置

然后

 然后进入到我们的项目目录,可以运行

 

 

 

这个安装好了以后,到element.ui的官方文档
地址:https://element.eleme.cn/#/zh-CN/component/installation

进入到项目文件夹

ElementUI添加进去

npm i element-ui -S

 

标签:Vue,项目,创建,elementUI,element,ui
From: https://www.cnblogs.com/adamCode/p/18186159

相关文章

  • 单例模式的两种实现方式(初始化时创建以及运行时创建)
    单例模式删除析构函数通常意味着单例对象应该一直存活直到程序结束。在单例模式中,这通常是可取的,因为单例对象的生命周期通常与应用程序的生命周期相同。但是这样的话需要有一个函数来回收资源。以下例子:使用双重检查锁实现(线程安全)实现模板来创建单例#include<iostream>......
  • 01 创建项目
    通过HBuilderX创建在HBuilderX工具里面直接创建即可安装uni-appvue3编译器插件如果是小程序,还需要下面的一些配置设置微信开发者工具安装地址开启服务端口命令行创建uni-app项目1创建:创建以typescript开发的工程npxdegitdcloudio/uni-preset-vu......
  • Vue3 项目
    创建Vue3项目的步骤如下:安装Node.jsVue3需要依赖Node.js环境,因此需要先安装Node.js。可以从官网下载Node.js的安装包并安装,也可以使用包管理器安装,例如在Ubuntu上可以使用以下命令安装:sudoapt-getupdatesudoapt-getinstallnodejssudoapt-getinstallnpm......
  • 使用vue ui新建一个vue项目
    参考:https://blog.csdn.net/weixin_46932840/article/details/114590107@目录一、安装环境二、使用vueui初始化步骤1.我的是到C盘的ProgramFiles\nodejs\node_global目录下执行以下命令2.执行命令后会自动跳转到初始化项目的页面,如下图操作3.最后我一开始执行npmrunserve页......
  • FastAPI 创建
    1.安装FastAPI和Uvicorn:pipinstallfastapiuvicorn2.创建FastAPI应用。main.py:fromfastapiimportFastAPIapp=FastAPI()@app.get("/")defread_root():return{"Hello":"World"}3.在命令行中使用Uvicorn启动你的应用:uv......
  • 【vue3入门】-【22】 组件attribute透传
    透传Attribute透传Attribute指的是传递给一个组件,却没有被该组件声明为props或emits的attribute或者v-on事件监听器。最常见的列子就是class、style和id。当一个组件以单个元素为根路径渲染时,透传的attribute会自动被添加到根元素上app.vue<template><!--在引用的组件上使......
  • springboot+vue快速部署前后台项目,无需服务器
    问题前言我们都知道,现在的主流开发大多数为,前后端分离,目前流行的框架,大多数是springboot+elementui这些框架,这无疑是给开发部署项目带来了便利,我们后台开发无需关心前端如何部署的,前端同样也无需关系后台如何部署,只需要确认能够访问即可。存在有如下问题:当由于条件有限,我......
  • wps加载项在vue2项目中的应用(publish模式)
    wps加载项在vue2项目中的应用应用代码:wps.js/***WPSOA助手-WPS启动方法入口*/varpluginsMode=location.search.split("=")[1];//截取url中的参数值varpluginType=WpsInvoke.ClientType.wps;//加载项类型wps,et,wppvarpluginName="WpsOAAssist";//加载项名......
  • Vue中Tabs标签页的使用
    本案例的优点是给每个tab标签的标题设置了状态值,并给不同的状态值设置了不同的背景颜色。效果:代码:1、父组件<template><el-containerclass="container"><el-tabsv-model="activeName"type="border-card"style="width:100%;height:100%">......
  • vue3 vite项目H5页面 ios13进入页面出现白屏问题
    项目中碰见IOS系统进入页面出现白屏问题,记录一下问题排查过程一、页面可能报错进入页面是白屏,页面的 vconsole 也没有显示,首先想到的是页面是不是有什么报错,然后查看了别的机型,都没有问题,定位到只有IOS13有问题,想着会不会是什么语法在IOS13不兼容(这个问题之前出现过一个......