通过vue ui 命令创建项目

最新推荐文章于 2024-06-04 18:40:43 发布
最新推荐文章于 2024-06-04 18:40:43 发布
阅读量613 收藏
点赞数
分类专栏： JavaScript 开发 文章标签： vue vue ui vue cli
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/psp0001060/article/details/106986468
版权

vue-cli 3 之后推出了界面化的创建工具，比起命令行更直观、更容易。

文章目录

一、 安装node及vue/cli

1.参见 【安装node】
2. 安装vue/cli，命令行执行

npm install -g @vue/cli

二、vue ui创建项目

  1. cmd输入vue ui后，程序会自动打开浏览器
    在这里插入图片描述
  2. 选择项目路径，创建项目
    在这里插入图片描述
  3. 填写项目名，取消git
    在这里插入图片描述
  4. 选择手动配置预设 在这里插入图片描述
  5. 根据需要选择，本次选择Babel、 Router、Linter/Formatter、使用配置文件在这里插入图片描述
  6. 配置在这里插入图片描述
  7. 保存预设，下次创建使用在这里插入图片描述
  8. 等待构建,结束
东语~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue UI + SpringBoot 搭建项目框架
03-13
运行`npm install -g @vue/cli`安装全局CLI，然后使用`vue create`命令创建一个新的Vue项目，如`vue create XingYu-Vue`。在项目创建过程中，可以选择预设配置或自定义配置，根据需求选择合适的选项。 接着，选择或...
Vue使用vue-cli创建项目
08-29
使用 vue init 命令创建模板项目，格式为 `vue init <template-name> <project-name>`。其中，template-name 是可选模板项，project-name 是创建项目的名称。 四、 Mint_UI 框架的使用 Mint_UI 是一个基于 Vue 的 ...
快速创建vue项目的三种方式
m0_56983341的博客
07-04 1862
快速创建vue项目
vue ui 创建项目
m0_46610349的博客
10-11 2812
如何在命令提示符里通过 vue ui 创建项目
Vue创建阶段错误问题及解决方案
h1443862503的博客
06-04 226
vue
如何正确使用vue ui创建项目
lxc的点点滴滴
04-21 397
如何使用vue ui,解决使用vue ui命令没有反应
Vue UI 创建项目详细步骤
热门推荐
魏知非的博客
04-28 1万+
1.首先要安装最新的Vue CLI 在命令行工具里输入一下命令 npm install -g @vue/cli 或者 yarn global add @vue/cli 安装成功后，可用vue -V命令查看已安装的Vue CLI版本 2.在命令行运行 vue ui，就会出现图形化管理 在界面上可以看到第一个tab项目，点击创建这个tab ，可以来创建一个新的vue项目 ...
vue基础-创建vue项目的几种方式
smileKH的博客
07-04 534
vue基础，下面总结一下vue项目的第一步，创建项目的几种方式，希望对你有所帮助。这是Vue创建项目的几种方式，希望能帮助到你。
解决vue-cli输入命令vue ui没效果的问题
01-21
最近用vue-cli脚手架很顺口，特别是UI控制台，在这里，创建项目和搭建本地环境，连接服务端变得很容易，页面ui也是一流 要怎么启动呢？在终端输入命令行vue ui，启动UI控制台，然后往浏览器输入终端报出的链接 ...
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
Vue CLI（Vue.js Command Line ...通过以上步骤，你应该已经掌握了如何使用Vue CLI创建一个Vue项目的基本过程，以及项目的基本结构和关键组件。随着你对Vue.js的深入学习，你将更加熟悉和熟练地运用这些工具和概念。
详细讲解如何创建, 发布自己的 Vue UI 组件库
10-16
为了解决这个问题，我们可以创建并发布自己的Vue UI组件库。下面，我们将详细介绍如何实现这一目标。 首先，我们需要初始化一个Vue项目。借助Vue CLI（命令行工具），我们可以快速生成一个基础的Vue项目框架。运行...
从0-1创建Vue项目,整合ElementUI
m0_55627541的博客
04-22 3830
从0-1创建Vue2.0项目
用vue ui创建vue项目
forggg的博客
03-14 590
手动--------->下一步------->勾选Babel、router(、Vuex)（不要勾选linter/Formatter：这个会非常严格的检查你的错误，多一个空格、少一个空格都会报错、非常烦人）2、单击创建--------->在此添加新项目--------->输入项目文件夹------>单击下一步。1、Ctrl + R 输入cmd,再输入vue ui。4、选择vue版本、创建项目。
vue ui Starting GUI 图形化配置web新项目
通达的博客
03-06 953
在vue框架里面， 以往大家都是习惯用命令行 vue create 、vue initwebpack创建新前端项目，而vue ui是一个可视化的图形界面，对于新手来说更加友好了，不但可以创建、管理、还可以更新vue项目，也可以下载各种需要的插件，比如elmentui、axios、vuex等，图形化更加直观的看到所安装的各种插件以及一来，安装卸载不用敲命令，一键即可，下面就来介绍，如何使用ui创建新项目。
使用vue ui 创建VUE项目
weixin_44100694的博客
10-07 190
使用vue ui 创建VUE项目 1. cmd打开命令行窗口。 2. 输入vue ui，浏览器会自动打开Vue 项目管理器。 3. 点击创建——创建新项目——输入项目名称——下一步——进入项目预设 4. 选择手动配置项目——功能选择我选了4个（Babel，Router，CSS Pre-processors，使用配置文件）——下一步。 5. version选择了2.x，CSS选择了less，提示是否保存预设，点击创建项目，此时后台会自动运行命令行创建项目，等待项目创建成功。 6. 插件与依赖安装： 插件
vue ui创建vue项目和运行项目
weixin_45828872的博客
02-20 195
vue ui创建vue项目和运行项目
Vue项目开发环境安装、项目构建运行、打包部署详解
qq_54787990的博客
02-24 2110
Vue项目开发环境安装、项目构建运行、打包部署详解
使用Vue ui创建项目(超详细)
Spring丶王不正-传记
04-11 1405
使用Vue ui创建项目 最近在学习vue前端的东西，一般我创建项目就是命令 vue init webpack project，不过最近接触到了这个 vue ui 感觉挺方便的，目前一直使用的也是它！ 这个要使用的话 得看下自己的cli版本是否达到。 第一: 在cmd命令中输入 vue -h 查看commands，看有没有ui [oprions]的选项。 （1）如果没有的话，大家执行 npm uninstall vue-cli -g 卸载老版本 （2）使用 npm install @vue/
vue ui 创建项目详细步骤
小样样样样样样的博客
12-27 2326
前提要确保你安装了node和vue 如果没安装先去安装 https://blog.csdn.net/weixin_43417252/article/details/103729604 **首先确保你得vue版本在3.0以上才可以使用vue ui命令创建；** 1、先查看一下版本； vue -V 2、当版本支持，打开cmd命令行输入： vue ui ​ 效果（）： 3、然后复制链接地址在浏览...
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、付费专栏及课程。

余额充值