Vue3.0-ui创建项目

最新推荐文章于 2024-06-03 09:20:44 发布
最新推荐文章于 2024-06-03 09:20:44 发布
阅读量314 收藏 2
点赞数 2
分类专栏： 前端(Vue/React) 后端(SSM/SpringBoot) 文章标签： vue vue.js css node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41607217/article/details/117907751
版权

Vue3.0-ui创建项目

安装Vue3.0（先安装node.js）

查看版本号：vue -V
查看是否有ui功能：vue -h
卸载老版本：npm uninstall vue-cli -g
下载新版本：npm install @vue/cli -g

dos端输入vue ui 启动界面创建项目
在这里插入图片描述

通过ui创建vue项目

点击创建项目
在这里插入图片描述
包管理更改为npm
在这里插入图片描述
手动配置预设
在这里插入图片描述
勾选路由和vuex服务，还有css服务，项目可使用scss
在这里插入图片描述
选择scss和下面那个，选择图中的
在这里插入图片描述
点击创建项目，直接创建，不保存预设
在这里插入图片描述
创建时间很长，等待就好
在这里插入图片描述

安装依赖

可以安装axios，ajax库，方便请求
我用饿了么的element ui,方便开发
在这里插入图片描述

CaoPengCheng&
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
vue3.0 vue-quill-editor.rar
09-19
在结合Vue3.0和Vue-Quill-Editor时，可以通过Vue CLI创建项目，并安装所需的依赖。 Element UI是基于Vue2的UI库，提供了多种样式组件，如表格、按钮、提示等，用于快速构建企业级前端应用。虽然Element UI主要针对...
vue3-uniapp-os：基于uniapp+vite5+uv-ui手机后台OA管理系统
码农ICoding
05-21 1662
原创基于uniapp+vue3+vite5.x+pinia等技术实战仿ios手机桌面OA管理系统。实现了自定义桌面栅格磁贴布局、多分屏滑动管理、自定义桌面小部件、主题换肤等功能。支持编译到H5+小程序端+App端。
从零开始搭建Vue3.0项目入门篇
yang651158的博客
09-26 4612
vue3.0入门心得
Vue3.0+typescript+Vite+Pinia+Element-plus搭建vue3目前最流行的项目框架！
最新发布
frontend_frank的博客
06-03 255
前言随着vue3.0的越来越受欢迎，开始有许多公司和个人开始学习并使用vue3开发项目。我从接触学习并使用vue2，到现在的vue3，工作中也一直在使用vue。vue3也发布很长时间了，目前vue3+vite+ts再结合一些优秀的UI框架，如Element plus，Ant design，Naive UI，移动端的Vant UI，成为了较为流行的前端技术之一。那么今天就带大家一起来搭建一个Vue3...
创建vue 3.0项目（以图形界面的方式）
weixin_38673922的博客
12-08 520
一、用vue的UI界面来创建项目，需将vue升级到 3.0以上的版本。 【下载vue最新版】 npm i -g @vue/cli 或者 cnpm install -g @vue/cli 【打开ui界面】 vue ui 二、创建项目 注意：填写项目名（尽量小写，大写会自动转为小写），选择npm或其他包管理器。 以创建vue 3.0的项目为例 三、创建完成 四、在编辑器打开项目 五、项目目录： ...
前后端分离VUE3.0创建项目步骤
fghfghhgjgj的博客
03-08 969
老师使用vue3.0创建项目报错了，就选择的2.0的项目。使用的vue版本还是5.0的。 找到vue项目目录，打开cmd，输入vue ui。（注意：不能关闭命令行）-> 输入命令为“vue-ui”-> 选择“手动配置”（如下图）->打开“通天塔”、路由器、vuex 、关闭“格式化程序”（如下图）。->->点击“下一步”->在 右上角选择“2.0” ->点击“创建项目”->选择“不保存预设”。->项目创建成功后，点击“插件”，安装插件Element UI。
新建vue3.0 项目—步骤详细介绍
卢小亦的博客
10-09 3383
VUE创建
vue3.0-vite-antd 实现动态切换主题.zip
10-29
总结来说，"vue3.0-vite-antd 实现动态切换主题.zip"项目展示了如何在Vue3.0与Vite的环境下，利用Ant Design Vue 2.0的特性，实现动态主题切换，提供了一种灵活的UI定制方案，增强了用户交互体验。通过理解并实践...
配置一个vue3.0项目的完整步骤
10-17
本文将详细介绍如何从零开始配置一个Vue 3.0项目，包括必要的工具安装、项目结构的创建、目录规划以及基础页面的开发。 首先，配置Vue 3.0项目的前提条件是需要全局安装Vue CLI（命令行工具）。Vue CLI是官方提供的...
vue-cli V3.0版本的使用详解
10-17
Vue-cli会自动安装依赖并创建项目目录结构。 4. Vue项目的目录结构 创建好的Vue项目遵循特定的目录结构，主要分为以下部分： - `src`目录：包含项目的源代码，例如组件、路由配置、状态管理文件等。 - `public`目录...
【Vue】3.0 项目创建 自定义配置
weixin_52418790的博客
04-21 8283
1、进入项目路径 2、创建vue3项目 vue create +项目名称 注意：项目名称要避开特殊名字如echarts、vue等 3、项目配置 等待后弹出选项窗口，询问用户以什么模板方式进行安装 Default ([Vue 3] babel, eslint)：默认预设配置，会快速创建一个Vue2.0项目，提供了babel和eslint支持 Default ([Vue 2] babel, eslint)：默认预设配置，会快速创建一个Vue3.0项目，提供了babel和eslint支持 Manu
vue3创建项目、基础知识
halo1416的博客
04-02 2753
Vue3的基础概念 一、创建vue3的项目（基于脚手架） // 前提：将vue-cli 升级到4.x 的版本 vue create my-app-ts // 使用ts npm install typescript ts-node -g 生成时操作如下: 二、vue3.0 部分写法改变 后面补充 createStore => useStore createRouter => useRouter vue所有api 的入口：setup vue3里面没有mapState 原因：mapState 是
Vue3.0-创建Vue3.0项目
qq_45722267的博客
06-16 2343
vue3.0创建项目，vue3.0常用指令，创建工程：Npm init vue@latest，安装 Element Plus：npm install element-plus --save，安装axios：npm install axios
9个值得推荐的 VUE3 UI 框架
前端达人
08-15 3962
本文推荐几个比较流行的VUE3 UI框架，同时提供出色的开发人员体验，合理利用，又或者学习借鉴都是不错的选择，排名不分先后。Ant Design Vue官方网站：https://2x.an...
vue3.0项目实战 - ElementUI框架版
BMG-Princess
04-13 1万+
vue3.0项目实战 - ElementUI框架版
从零开始vue3.0项目创建
cuhebcj的博客
02-28 1282
从零开始创建一个Vue3.0项目
2023值得推荐的高颜值Vue3.0 Web PC端UI框架，赶紧收藏学习！
热门推荐
流绪@微梦
03-18 1万+
Hello，我是前端胡说，本期给大家带来2023值得推荐的Vue3.0 UI组件库，希望大家喜欢！Vue3 正式发布已经有一段时间了，2022年2月也正式变成 Vue 项目的默认版本。在过去一年多的时间里，各大组件库、框架也紧跟时代的步伐，纷纷对 Vue3 做了大量的支持和优化，从个人到公司企业也开始拥抱 Vue3.0。在这个过程中，也陆续涌现出很多优秀的开源组件库或框架，非常值得我们去学习和使用。
Vue3.0项目的创建
Hello World
04-15 2478
文章目录*Vue3.0项目的创建*一、前期环境准备1.安装Node.js2.安装Vue-cli二、项目创建步骤1.新建一个用于存放Vue3.0项目的文件夹2.进入Vue3.0项目的创建向导①询问用户选择项目是以什么模板方式进行安装，模板方式如下②可以根据项目需要选择添加的配置项（上下箭头切换，空格键进行选中/反选）③选择Vue3.x并按下Enter键④询问是否使用history路由模式（不推荐使用，输入n，并按Enter）⑤选择一种CSS预处理器（推荐选择：Sass/SCSS（with dart-sass）
盘点12个Vue 3的高颜值UI组件库
Jack, what else can you do besides holding your little darling?
04-07 1万+
vue-devui 是基于 DevUI Design 的 Vue3 组件库，使用 pnpm + vite + vue3 + tsx 技术搭建，包含55个简洁、易用、灵活的组件，支持按需引入，支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。NutUI 3 京东风格的 Vue 移动端组件库，开发和服务于移动Web界面的企业级产品。
vue3.0 element-ui后台管理
07-27
对于Vue 3.0和Element UI的后台管理，你可以按照以下步骤进行操作： 1. 首先，确保你已经安装了Vue 3.0和Element UI。你可以使用npm或yarn来进行安装。 2. 创建一个新的Vue项目。你可以使用Vue CLI来快速创建一个项目。在命令行中运行以下命令： ``` vue create my-project ``` 3. 在创建项目的过程中，选择手动配置，然后选择Vue 3.0版本。 4. 安装Element UI。在命令行中运行以下命令： ``` npm install element-plus --save ``` 5. 在Vue项目的入口文件（一般是main.js），导入Element UI的样式和组件。添加以下代码： ```javascript import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' const app = createApp(App) app.use(ElementPlus) app.mount('#app') ``` 6. 创建后台管理页面。在你的Vue项目中创建一个新的组件，用于显示后台管理页面的内容。 7. 使用Element UI的组件来构建后台管理页面。Element UI提供了丰富的组件，如按钮、表格、表单等，可以方便地构建后台管理界面。 8. 在后台管理页面中使用Vue Router进行路由管理。你可以创建多个路由来展示不同的页面和功能。 9. 根据你的需求，添加适当的功能和交互。你可以使用Vue 3.0的Composition API来管理组件的状态和逻辑。 10. 最后，运行你的Vue项目并访问后台管理页面。在命令行中运行以下命令： ``` npm run serve ``` 然后在浏览器中访问http://localhost:8080（或其他指定的端口）来查看你的后台管理页面。 希望以上步骤可以帮助你开始使用Vue 3.0和Element UI来构建后台管理系统！
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

CaoPengCheng&

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

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

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

打赏作者

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

抵扣说明：

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

余额充值