如何用vue ui命令创建vue项目

最新推荐文章于 2024-06-20 10:27:34 发布
最新推荐文章于 2024-06-20 10:27:34 发布
阅读量742 收藏 3
点赞数 2
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44117178/article/details/104631300
版权

前提要安装好node.js、vue-cli

没有安装node.js和vue -cli脚手架先点这里

如何创建vue项目

  1. 在当前文件夹打开cmd窗口
    在这里插入图片描述
  2. 输入vue ui打开可视化创建窗口，他会自动打开浏览器，点击在此创建项目
    在这里插入图片描述
  3. 接下来用图片解说
    在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  1. 直接创建项目即可
    在这里插入图片描述
  1. 保存预设可方便下一次创建新项目，不必进行重复配置
  1. 配置完成，正在生成项目在这里插入图片描述
  2. 项目就创建好了可以使用vscode或者其他编译器打开编程或者等待可视化窗口
    在这里插入图片描述
  1. 可视化窗口点击运行
    在这里插入图片描述
  1. 自动跳转页面则为运行成功
    在这里插入图片描述
xyushao
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue使用vue-cli创建项目
08-29
使用 vue init 命令创建模板项目，格式为 `vue init <template-name> <project-name>`。其中，template-name 是可选模板项，project-name 是创建项目的名称。 四、 Mint_UI 框架的使用 Mint_UI 是一个基于 Vue 的 ...
vue UI + SpringBoot 搭建项目框架
03-13
运行`npm install -g @vue/cli`安装全局CLI，然后使用`vue create`命令创建一个新的Vue项目，如`vue create XingYu-Vue`。在项目创建过程中，可以选择预设配置或自定义配置，根据需求选择合适的选项。 接着，选择或...
使用vue ui命令创建vue项目
一步一步的前进
11-02 671
使用vue ui命令创建vue项目
使用vue ui命令创建vue脚手架项目
python15397的博客
04-24 834
使用vue ui命令创建vue脚手架项目
使用可视化的Vue项目管理器（Vue UI）来创建、开发和管理你的项目
weixin_45131680的博客
06-20 359
这一步在选择项目所需的配置项时，就很直观了：页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，就很银杏了，哈哈Babel；Router；选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；简单选择2.x和hash mode，点击创建项目！用完这一圈Vue UI下来，感觉比命令行直观太多了。不过对于程序猿来说，虽然Vue UI是很方便，可是耐不住命令行的魔力呀~
使用vue ui创建vue2项目
weixin_56604618的博客
08-10 359
在终端输入vue ui 运行之后跳转到http://localhost:8000/project/select。点击左上角wordvue选择Vue项目管理器，打开之后可以创建项目 也可以打开之前已有的项目。安装依赖（用vue ui安装依赖非常简单，直接搜索然后安装）选择创建项目，然后选择项目所在的目录，这次依旧放在桌面上。填写项目名称，包管理一般选默认，git仓库看个人需求。创建成功之后，会自动进入app项目。可自定义输入：地址，然后回车。预设就是手动选择配置项。配置和黑窗口操作一样的。
Vue ui 创建vue项目，详细使用攻略。
苦逼打工人的博客
04-30 1201
Vue ui 创建vue项目，详细使用攻略。附带常用功能使用教程
使用vue ui 创建VUE项目
weixin_44100694的博客
10-07 193
使用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 ui创建vue项目
热门推荐
我的博客
01-13 1万+
1.vue ui命令没有反应原因： vue ui命令是vue 3.x版本以上才支持，因此需要更新vue的版本。 2.更新vue版本： 2.1 首先使用以下命令卸载旧版本： npm uninstall vue-cli -g 2.2 然后使用下面命令安装最新版本： npm i -g @vue/cli 2.3 查看是当前版本号： vue -V 此时，输入 vue -h 命令查看commands，发现...
使用vue ui创建vue项目失败原因
weixin_64939936的博客
07-06 845
每个人的失败原因都不相同，因为下载NodeJS文件时，默认下载到c盘中，我改变盘符到了D盘，因此要删除c盘中。点击查看显示隐藏文件才能看到该文件。
Vue2学习（四）：使用Vue UI创建项目
阿标的博客
06-01 433
使用Vue UI创建项目
如何正确使用vue ui创建项目
lxc的点点滴滴
04-21 399
如何使用vue ui,解决使用vue ui命令没有反应
vue ui 创建项目没有反应
m0_62639288的博客
08-25 1862
vue ui命令需要vue3.0以上的版本vue版本在3.0以下是没有ui命令的vue -hvue -V等待安装......vue -Vvue -h。
解决vue-cli输入命令vue ui没效果的问题
01-21
最近用vue-cli脚手架很顺口，特别是UI控制台，在这里，创建项目和搭建本地环境，连接服务端变得很容易，页面ui也是一流 要怎么启动呢？在终端输入命令行vue ui，启动UI控制台，然后往浏览器输入终端报出的链接 ...
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
接下来，我们将详细探讨如何使用Vue CLI创建Vue项目。 **一、安装Vue CLI** 在开始之前，确保你的计算机上已经安装了Node.js，因为Vue CLI是基于Node.js的。你可以通过运行`node -v`检查是否已安装。如果没有，你...
详细讲解如何创建, 发布自己的 Vue UI 组件库
10-16
为了解决这个问题，我们可以创建并发布自己的Vue UI组件库。下面，我们将详细介绍如何实现这一目标。 首先，我们需要初始化一个Vue项目。借助Vue CLI（命令行工具），我们可以快速生成一个基础的Vue项目框架。运行...
蓝桥杯单片机竞赛-超声波测量显示
08-04
博客地址：https://blog.csdn.net/weikangcekong/article/details/140906931?spm=1001.2014.3001.5501
高等教育计算机网络基本知识
08-04
高等教育计算机网络基本知识
shapely-2.0.5-cp310-cp310-macosx_11_0_arm64.whl
最新发布
08-04
shapely-2.0.5-cp310-cp310-macosx_11_0_arm64.whl
vue ui界面创建项目
07-02
如果你想使用 Vue UI 创建一个新的项目，可以按照以下步骤操作： 1. **安装 Vue CLI**: 首先，确保已经全局安装了 Vue CLI，如果没有，请运行 `npm install -g @vue/cli` 或者 `yarn global add @vue/cli`。 2. *...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值