vue 图形化界面创建项目步骤

最新推荐文章于 2024-07-02 10:47:57 发布
最新推荐文章于 2024-07-02 10:47:57 发布
阅读量2.5k 收藏 6
点赞数 6
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45600332/article/details/105756010
版权
本文档介绍了如何使用Vue图形化界面创建项目。首先，在目标目录打开PowerShell，运行`vue ui`启动图形界面。接着，通过界面创建项目，完成后项目文件夹将位于指定目录。文章还对生成的项目文件结构进行了简单说明。
摘要由CSDN通过智能技术生成

一 使用vue图形化界面创建项目的基本步骤

1.1首先在你要创建项目的目录中代开PowerShell窗口

运行如下命令：vue ui
在这里插入图片描述
然后浏览器会弹出一个界面就是这个
在这里插入图片描述
然后点击create创建项目
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

最低0.47元/天 解锁文章
月亮不说谎！
关注
专栏目录
基于图形化界面的方式创建Vue-cli项目
weixin_43360890的博客
05-29 678
Vue-cli的安装搭建- -基于图形化界面的方式 基于图形化界面的方式（网页），搭建新版vue项目。 cmd中运行vue ui，打开图形化界面（会自动打开一个网页）。 1. 点击创建，选择项目创建文件夹后，点击再次创建新项目。 2. 输入项目文件夹名称，Git填写init project 初始化项目 3. 开始预设的配置，我们手动配置预设。 4. 选择需要配置的预设 这里我们选择最基本的Belel，Router，Linter / Formatter预设和使用配置文件（将插件的配置保存在各自的配
Vue使用图形化界面创建项目
12november的博客
05-19 2733
通过vue ui命令。以图形化界面创建和管理项目。 1.打开要创建项目的路径 2.键入vue ui，单击回车，此时会在默认浏览器中默认打开图形化界面 单击创建，会显示该文件下 的文件： 点击创建一个新的项目，包管理器选择npm，也可选其他。然后单击下一步，在预设中选择默认，然后创建项目： ...
vue 使用图形向导来创建 vue 项目
weixin_49107940的博客
03-12 302
vue2创建项目
【前端环境3】已有代码配置vue环境 + 使用 vue ui 图形化界面创建vue项目 + vue项目目录结构
最新发布
定期分享我的发现和想法，感谢你的陪伴和支持
07-02 1792
使用 vue ui 图形化界面创建 vue 项目是一种方便的方式，可以直观地操作和查看项目的配置和依赖。
vue-cli3图形界面
qq_35457469的博客
09-23 775
使用如下命令可进入vue-cli3的图形界面 vue ui **GUI：**图形界面的缩写
推荐开源项目：Vue CLI GUI——图形界面的Vue命令行工具
gitblog_00038的博客
06-06 349
推荐开源项目：Vue CLI GUI——图形界面的Vue命令行工具 vue-cli-guiGUI for vue-cli UI.项目地址:https://gitcode.com/gh_mirrors/vu/vue-cli-gui 项目介绍 在开发者的世界里，高效快捷的工具是提升生产力的关键。vue-cli-gui 就是这样一个神器，它是一个基于Electron封装的vue ui命令的图形界面应用...
vue-cli3图形界面安装和运行
qq_32958739的博客
04-08 2527
vue-cli3使用 1.安装 基本没有什么大的问题，可以尝试使用图形安装 命令：vue ui 之后在打开的页面上创建自己想要的项目就行了，很方便。
vue-cli图形化管理界面创建单文件组件项目
tfsun的博客
09-14 514
为了保证能够使用vue.js单文件组件，需要安装以下环境。 安装 `npm` `npm` 全称为 `Node Package Manager`，是一个基于`Node.js`的包管理器，也是整个`Node.js`社区最流行、支持的第三方模块最多的包管理器。 npm -v 由于网络原因 安装 `cnpm` npm install -g cnpm --registry=https://registry.npm.taobao.org 安装 `vue-cli` cnpm install -g @vue/cli
Vue 实现登录界面验证码功能
10-15
在Vue项目中，创建一个新的组件`SIdentify`，它将负责生成验证码图像。 ```html <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> ``` 组件模板中包含一个`canvas`元素，其...
创建vue 3.0项目（以图形界面的方式）
weixin_38673922的博客
12-08 537
一、用vue的UI界面来创建项目，需将vue升级到 3.0以上的版本。 【下载vue最新版】 npm i -g @vue/cli 或者 cnpm install -g @vue/cli 【打开ui界面】 vue ui 二、创建项目 注意：填写项目名（尽量小写，大写会自动转为小写），选择npm或其他包管理器。 以创建vue 3.0的项目为例 三、创建完成 四、在编辑器打开项目 五、项目目录： ...
基于图形化界面创建Vue项目
zhangbeizhen18的博客
03-19 4102
基于图形化界面创建Vue项目
@vue/cli4--使用图形化界面创建项目--方法/实例
IT利刃出鞘的博客
06-22 1808
本文用实例来介绍vue-cli4如何使用图形化界面来创建项目。
构建vue初始化项目 第二种方法：vue ui图形化界面 构建vue项目
weixin_72303943的博客
07-12 221
构建vue初始化项目 第二种方法：vue create 命令构建vue项目
vue ui Starting GUI 图形化配置web新项目
通达的博客
03-06 1008
在vue框架里面， 以往大家都是习惯用命令行 vue create 、vue initwebpack创建新前端项目，而vue ui是一个可视化的图形界面，对于新手来说更加友好了，不但可以创建、管理、还可以更新vue项目，也可以下载各种需要的插件，比如elmentui、axios、vuex等，图形化更加直观的看到所安装的各种插件以及一来，安装卸载不用敲命令，一键即可，下面就来介绍，如何使用ui创建新项目。
创建vue项目（图形化和命令行）
Denial_learn的博客
05-07 1102
1.进入命令框（windows+R，输入CMD） 2. 输入 vue ui，回车 如果这里打不开，请看此处： 再浏览器中，打开给出的网址，就进入了，本地的vue管理项目：
如何用vue图形化界面创建项目
a486368464的博客
12-05 355
如何用vue图形化界面创建项目
vue脚手架图形工具创建项目
08-21
你可以使用 Vue CLI，它是一个图形化的脚手架工具，用于创建Vue.js项目。下面是使用Vue CLI创建项目的步骤： 1. 首先，确保你已经安装了Node.js。你可以在命令行中运行`node -v`来检查是否已安装。 2. 接下来，使用以下命令安装Vue CLI： ``` npm install -g @vue/cli ``` 3. 安装完成后，你可以使用以下命令创建新的Vue项目： ``` vue create 项目名 ``` 其中，`项目名`是你想要创建的项目名称。 4. 运行上述命令后，你将会看到一个交互式界面，询问你想使用的配置。你可以选择默认配置，也可以手动选择配置。 5. 确定配置后，Vue CLI将自动安装相关的依赖，并创建一个新的Vue项目。 6. 项目创建完成后，你可以进入项目目录并启动开发服务器： ``` cd 项目名 npm run serve ``` 这样就可以在本地开发环境下运行你的Vue项目了。 希望这能帮到你！如果有其他问题，请随时问我。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值