UI界面创建vue项目

已于 2022-05-16 20:08:25 修改
阅读量569 收藏
点赞数
分类专栏： 笔记 文章标签： 前端 vue ui vue.js
于 2022-01-08 22:45:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51779342/article/details/122381150
版权
本文介绍了前端项目初始化的流程，重点讲解如何使用Vue CLI创建UI界面项目。首先，需要以管理员身份运行CMD，然后通过`vue ui`启动管理界面。在界面上创建新项目，选择项目存放路径，填写项目名称，并可选择预设或手动配置项目设置。完成这些步骤后，项目将成功创建。
摘要由CSDN通过智能技术生成

前端项目初始化流程

  1. 安装并通过vue脚手架创建项目
  2. 配置vue路由
  3. 配置vue-elementui组件库
  4. 配置axios库

UI界面创建vue项目

一、使用管理员身份运行cmd（不使用管理员运行，可能项目创建不成功）
1、打开命令窗口后输入先跳转到要创建项目的文件夹，这样可以省去浏览器查找目录的时间，然后输入vue ui，等待运行完毕之后会在浏览器打开ui窗口

在这里插入图片描述

在这里插入图片描述

2、点击创建项目

找到要存放新建项目文件的路径，点击在此创建项目
在这里插入图片描述
填写好项目名称之后点击下一步
在这里插入图片描述
这里可以选择使用之前创建的预设，也可手动配置和使用默认配置

最低0.47元/天 解锁文章
渴望成长
关注
专栏目录
创建Vue3项目
快来一起学习前端知识把！加油，前端人
04-05 254
创建vue3项目
Vue3 UI创建项目
weixin_34352449的博客
02-02 226
之前整理了vue3命令行创建项目，vue3还出了图形化管理项目的功能，讲真的，vue越来越简单了，本人认为有点偏向了傻瓜式开发。当然，要开发好项目还是很深的。 Vue UI，可以打开创建界面。 有创建有导入，这边先创建： 右边的按钮鼠标放上去就知道功能。 然后点击最下面的创建按钮： 自己选择，这都很明显很简单。 下一步： 要是有预设过直接会在这边显示你之前创建过的，没有就是跟命令行差不多，...
Ai将设计稿转为vue代码
最新发布
2402_86599073的博客
08-02 536
Ai 工具根据 ui 生成代码，代码简洁，再结合 chatGPT 能够快速添加各种功能。前端快被Ai卷赢了吗?
P1-VUE3-UI方式创建项目
Bruce小鬼
02-04 821
P1-VUE3-UI方式创建项目 1.概述 这篇文章开始进入一个新的领域，这个领域就是ElementUI专栏，从这里起航入手界面控件布局。 2.UI方式创建VUE3项目 2.1.前提条件 使用UI界面创建VUE3项目前提条件 1.本地已安装node，输入node -v 可查看到版本号 2.本地已安装vue-cli3，输入vue -V 可查看到版本号 3.本地已安装yarn包管理器，安装命令：npm install -g yarn 如果未配置好环境可以查看VUE【构建vue项目】专栏中有完整介绍v
vue/cli3以后通过vue ui搭建项目
qq_40165432的博客
09-20 613
vue/cli3以后通过vue ui搭建项目## 标题 vue3开始，提供了一个快速配置和搭建vue项目的网页可视化操作界面，现在最新的好像已经是vue4.5.6了，接下来是我使用vue ui创建vue项目的一些经验。 1.在要创建项目的盘符的文件夹下cmd 和 vue ui 目前你在哪个盘符下进行cmd 然后 vue ui 那么在网页页面将不能再对盘符进行修改了（黑窗口会提示要你将node的版本上升到8或者更高，现在node好像都有14版本的了） 左下角可以看到你的当前盘符，我的这里是f盘，同时需要留
【VUE】3、VUE-UI创建第一个VUE项目
热门推荐
Asurplus
04-02 7万+
VUE-UI创建第一个VUE项目
创建vue3项目
Baso_26的博客
05-22 178
vue ui。
基于Vue的JSON可视化编辑器通过定义JSONSchema直接生成UI界面
08-10
2. **创建Vue项目**：使用Vue CLI初始化项目，例如：`vue create vue-json-ui-editor`。 3. **安装依赖**：在项目中安装`json-schema-form`或其他类似的库，它们可以解析JSON Schema并生成UI组件。 4. **编写组件**...
创建vue项目集成Element-UI框架
qq_52187412的博客
04-12 3791
vue
通过vue ui方式构建vue+electron项目
feinifi的博客
09-03 630
vue ui创建electron-vue项目
基于图形化界面的方式创建vue2项目
fantasyfzg的博客
12-28 637
vue
创建一个vue3项目
dreams_dream的博客
07-27 1万+
创建一个vue3项目
创建vue3的项目
qq_42883190的博客
03-21 1169
介绍 Vue-cli 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： cli ：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） cli 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、build 和 inspect 命令） cli 插件：给Vue 项目提供可选功能的 npm 包 （如： Babel
创建一个简单的vue3项目
LRQQHM的博客
04-27 412
参考：https://cli.vuejs.org/zh/guide/creating-a-project.html 创建一个简单的vue3项目 为了方便我直接用的vue ui 1.命令行输入 2.创建一个新的项目 3.可以使用默认的预设一般是根据项目手动配置 4.根据自己项目选择配置(是否需要ts) 5.配置 6.找到自己刚刚配置的文件在vscode或者其他编译器中打开 以为我刚刚选择的包管理器是yarn 运行 ...
Vue3.0-ui创建项目
qq_41607217的博客
06-14 324
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项目 点击创建项目 手动配置预设 勾选路由和vuex服务，还有css服务，项目可使用scss 选择scss和下面那个，选择图中的 点击创建项目，直接创建，不保存预设 创建时间很长，等
Vue3使用ui创建项目
qq_45117655的博客
11-20 1152
VUE3.0和ui创建项目并导入插件 1. 使用命令行打开 vue ui C:\Users\MX的电脑\WebstormProjects\vueblog01>vue ui 2. 进入http://localhost:8000 点击左上角 然后点vue项目管理器 然后点击创建项目 3. 创建项目 详情 给定项目名 预设 第一次使用时，手动配置 后面可以给配置好的设置为模板 以后创建从此处勾选曾经的模板就行了 配置 直接确定就行了 插件集成 项目启动 npm run ser
懒人必备：使用vue ui创建vue项目
本以为成功很简单，没想到活成普通人都需拼尽全力！
03-25 8587
工作的时候，大量的时间都是在思考需求，编写代码的，除了新起项目的时候，我们需要去创建一个项目，但是这个时候出现了一个尴尬的问题，创建vue的项目命令忘记了，这可咋办？我给安利一个，虽然很多人吐槽程序员用这玩意创建项目，你是看不起我吗？我倒是觉得啊，一个创建项目而已，怎么都行，管他黑猫白猫逮着老鼠就是好猫！ 1. 安装vue-cli这种就不说了，找到你要创建项目的目录，打开cmd，输入 vue ui 这个时候你的浏览器就会自动打开http://localhost:8000 2.点击创建...
vue ui界面创建项目
07-02
Vue UI 是一个基于 Vue.js 的轻量级前端组件库，它提供了一套美观、易用的界面元素和设计风格，用于快速构建用户界面。如果你想使用 Vue UI 创建一个新的项目，可以按照以下步骤操作： 1. **安装 Vue CLI**: 首先，确保已经全局安装了 Vue CLI，如果没有，请运行 `npm install -g @vue/cli` 或者 `yarn global add @vue/cli`。 2. **创建新项目**: 打开终端或命令提示符，输入 `vue create [项目名称]`，然后按提示选择模板。Vue CLI 提供了多个预设模板，包括 Vue UI 的官方主题支持。 ```sh vue create my-project --preset vuetify ``` 这里 `--preset vuetify` 表示选择 Vue UI 的 Vuetify 模板。 3. **安装依赖**: 创建项目后，进入项目目录 `cd my-project`，然后安装 Vue UI 和所需的其他依赖（如果需要）： ```sh npm install @vuetifyjs/vuetify --save ``` 4. **配置**: 在 `src/main.js` 或 `main.ts` 文件中，引入并配置 Vuetify，初始化应用： ```javascript import { createApp } from 'vue'; import Vuetify from 'vuetify'; import App from './App.vue'; createApp(App).use(Vuetify).mount('#app'); ``` 5. **使用组件**: 现在你可以开始在 `./components` 目录下创建和使用 Vue UI 组件，比如 `vuetify/Vuetify.vue` 中提供的按钮、卡片、侧边栏等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值