使用图形化界面创建vue项目

最新推荐文章于 2024-07-02 10:47:57 发布
最新推荐文章于 2024-07-02 10:47:57 发布
阅读量3k 收藏 6
点赞数 2
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wmiaopas/article/details/104541944
版权

在命令行窗口输入vue ui
按下回车后会自动在浏览器中打开图形化界面
在这里插入图片描述

点击创建可以选择创建项目的文件夹

在这里插入图片描述
点击在此创建新项目
在这里插入图片描述

只用填写项目名称和git的存储信息就好了
在这里插入图片描述

选择预设，第一次的话请手动
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
第一项是问你是否使用历史模式的router
第二项是问你lint的配置文件
第三项是问你什么时候校验语法

在这里插入图片描述

创好了 很简单

别看我也不知道
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
如何用脚手架快速创建vue项目--基于图形化界面的方式创建
weixin_53005659的博客
04-20 184
上篇文章我们介绍了如何用脚手架命令行的方式来创建Vue项目，这篇文章我将会为大家介绍如何用图形化界面来创建Vue项目 使用图形化界面创建项目比命令行的方式更加简单明了，是现在更加流行的方式 前期的环境准备我就不多说了，在之前的文章中有，可以参考： 如何用脚手架快速创建vue项目–基于交互式命令行的方式创建 废话不多说，我们直接上操作 方法二 基于图形化界面创建 vue ui 执行WIN +R打开 操作面板，输入cmd，在终端中输入vue ui 打开一个浏览器面板，通过点击鼠标来创建项目(这里显示的是我的保
前端-可视化创建vue项目
y1238r的博客
06-30 3445
注：以下操作是在已安装脚手架的基础上进行 一、打开可视化界面 第一步，视窗键+R，打开“运行”窗口，输入“cmd”， 第二步，在命令行界面中，输入vue ui，打开可视化界面，如下图所示。 二、创建vue项目 1、打开创建项目界面 在Vue项目管理器界面中，选择“创建”选项卡，选择保存项目的路径，点击“在此创建新项目”按钮。如下图所示。 2、填写详情的相关信息 （1）填写项目的名称（项目名只能是英文，不能是中文） （2）选择包管理器（npm、yarn、pnpm，常用npm） （3）选择是否初始化git仓
【前端环境3】已有代码配置vue环境 + 使用 vue ui 图形化界面创建vue项目 + vue项目目录结构
最新发布
定期分享我的发现和想法，感谢你的陪伴和支持
07-02 1408
使用 vue ui 图形化界面创建 vue 项目是一种方便的方式，可以直观地操作和查看项目的配置和依赖。
Vue使用图形化界面创建项目
12november的博客
05-19 2723
通过vue ui命令。以图形化界面创建和管理项目。 1.打开要创建项目的路径 2.键入vue ui，单击回车，此时会在默认浏览器中默认打开图形化界面 单击创建，会显示该文件下 的文件： 点击创建一个新的项目，包管理器选择npm，也可选其他。然后单击下一步，在预设中选择默认，然后创建项目： ...
使用vue-cli3&vue ui图形化界面创建项目
weixin_30856725的博客
11-12 986
Vue CLI3 需要Node.js8.9 或更高版本 sudo npm install -g @vue/cli # OR sudo yarn global add @vue/cli vue create hello-world cd hello-world npm run serve // 运行 http://localhost:8000 vue ...
使用Vue的可视化界面创建项目(含Node.js安装)
u013430418的博客
09-24 1414
如果你是新人，没接触过JavaScript，这里小生建议最好不要一开始就针对一个陌生的框架进行学习，先去熟悉基础是最好的。
@vue/cli4--使用图形化界面创建项目--方法/实例
IT利刃出鞘的博客
06-22 1790
本文用实例来介绍vue-cli4如何使用图形化界面来创建项目。
vue+vuex实现可视化图形编辑器
05-13
“vue+vuex实现可视化图形编辑器”这个项目的核心在于，它允许用户通过图形界面交互来创建、编辑和操作图形。这通常涉及到以下几个关键知识点： 1. **Vue.js基础**：Vue.js提供了一套声明式的数据绑定和组件系统，...
Vue实现图形化积木式编程Vue前端源码
08-31
在本项目中，“Vue实现图形化积木式编程Vue前端源码”是一个针对少儿编程教育的前端应用。这个开源项目采用了一系列先进的技术和框架，旨在创建一个互动性强、易上手的编程学习环境。以下是该项目涉及的主要知识点：...
使用Vue-cli3.0创建的项目 如何发布npm包
10-16
Vue-cli 3.0作为Vue开发的官方脚手架工具，进一步简化了配置流程，并且引入了图形化界面。在开发过程中，我们可能会遇到想要将自己编写的组件或库发布为npm包的情形，这样其他人便可以轻松地将其引入到自己的项目中...
基于vue可视化拖拽编辑，页面生成工具
05-21
基于Vue的可视化拖拽编辑工具旨在进一步提升前端开发效率，允许开发者通过直观的图形界面设计和布局元素，而非编写HTML和CSS代码，从而快速构建UI界面。这种工具特别适用于需要快速原型设计或对非技术背景的团队成员...
Vue 实现登录界面验证码功能
10-15
通过使用Vue的组件化开发思想，可以方便地实现验证码功能，并且可以将其轻松地集成到任何需要的登录界面中。此外，由于验证码图像的生成依赖于客户端JavaScript，所以可以在不依赖服务器的情况下进行初步的用户输入...
vue插件——使用canvas生成图形验证码
08-12
总结一下，这个“vue插件——使用canvas生成图形验证码”结合了Vue.js的组件化和canvas的图形绘制能力，为Web应用提供了一种安全、可定制的图形验证码解决方案。它既保证了用户验证的安全性，又利用Vue.js的便利性...
配置一个vue3.0项目的完整步骤
10-17
在使用Vue CLI创建新项目时，可以采用图形化界面或命令行操作。对于命令行操作，通常需要在命令行工具中运行命令`vue create project-name`。在本文中，作者选择在D盘的test文件夹下创建一个名为book的图书管理项目...
vue项目中极验验证的使用代码示例
10-15
Vue 项目中集成极验验证（Geetest）主要用于增强用户登录和注册的安全性，防止恶意自动化脚本（机器人）对接口进行滥用。极验验证提供了一种交互式的人机验证方式，通过图形验证码或者滑动验证等方式确保操作是由...
使用vue-cli3+typescript的项目模板创建工程的教程
10-15
Vue CLI 3 提供了一种快速、高效的方式来初始化项目，而TypeScript则能帮助你编写更健壮、可维护的代码。在实际开发中，根据项目需求，你还可以自定义更多的配置，如引入其他插件、调整打包设置等。持续学习和掌握...
vue 图形化界面创建项目步骤
月亮不说谎! 的博客
04-25 2546
一 使用vue图形化界面创建项目的基本步骤 1.1首先在你要创建项目的目录中代开PowerShell窗口 运行如下命令：vue ui 然后浏览器会弹出一个界面就是这个 ...
基于图形化界面创建Vue项目
zhangbeizhen18的博客
03-19 4071
基于图形化界面创建Vue项目
vue ui可视化界面进行创建vue项目安装
Nym_车厘子
07-11 6848
1.安装（使用的淘宝镜像）需要安装node.js，vue-cli可以在我的主页VUE专栏里找到 cnpm install -g @vue/cli 2.安装完成后 vue ui 网页弹出可视化界面 选好路径 创建，不保存预设，然后创建出成功的界面 点击运行，输出 可以进入代表创建成功 用IDEA导入，下一步进行 JavaScript需要设置为6 如果你的vue不显示绿色V图标，需要把vue插件加上 运行命令 cnpm run serve ...
可视化创建vue-ui项目
08-20
要可视化创建Vue UI项目，你可以使用Vue CLI提供的图形界面。Vue CLI是一个官方提供的脚手架工具，可以帮助快速创建Vue项目，并且提供了许多开箱即用的功能。 以下是使用Vue CLI可视化创建Vue UI项目的步骤： 1. 安装Vue CLI：首先，确保你已经安装了Node.js和npm。然后，可以在终端中运行以下命令来全局安装Vue CLI： ``` npm install -g @vue/cli ``` 2. 启动可视化界面：在终端中运行以下命令启动Vue CLI的可视化界面： ``` vue ui ``` 运行后，会自动打开浏览器并进入Vue CLI的可视化界面。 3. 创建新项目：在Vue CLI可视化界面中，点击左侧导航栏中的"创建"按钮。然后，你可以选择创建一个新项目或从现有的Git存储库导入项目。 4. 配置项目：在创建新项目时，你需要填写一些基本配置，如项目名称、保存路径等。此外，还可以选择使用默认预设或手动配置一些选项。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值