vue-cli3.0 使用图形化界面创建和管理项目

最新推荐文章于 2024-07-11 03:21:11 发布
最新推荐文章于 2024-07-11 03:21:11 发布
阅读量695 收藏
点赞数
分类专栏： 技术分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Gaia_qi/article/details/109282428
版权
本文介绍了如何通过vue-cli3.0的图形用户界面来创建和管理Vue.js项目，包括输入vue ui命令、选择项目位置、填写项目信息、创建项目以及启动项目进行预览的步骤。
摘要由CSDN通过智能技术生成

1.打开命令提示行输入vue ui

vue ui

2.点击创建选择要存放的位置，点击在此创建项目

3.填写项目信息，点击下一步

4.点击默认，创建新项目

5.创建项目，需要等待一下

6.到这里项目就创建成功啦

最低0.47元/天 解锁文章
Gaia_qi
关注
专栏目录
基于图形化界面的方式创建Vue-cli项目
weixin_43360890的博客
05-29 680
Vue-cli的安装搭建- -基于图形化界面的方式 基于图形化界面的方式（网页），搭建新版vue项目。 cmd中运行vue ui，打开图形化界面（会自动打开一个网页）。 1. 点击创建，选择项目创建文件夹后，点击再次创建新项目。 2. 输入项目文件夹名称，Git填写init project 初始化项目 3. 开始预设的配置，我们手动配置预设。 4. 选择需要配置的预设 这里我们选择最基本的Belel，Router，Linter / Formatter预设和使用配置文件（将插件的配置保存在各自的配
vue3.0 图形界面创建项目
double_sweet1的博客
12-01 867
vue创建项目有命令行和图形界面两种方式，命令行就不用说了，今天主要说下怎样打开vue图形界面，用图形界面来创建项目。 自己踩的坑是在安装vue-cli全局脚手架时，使用的cnpm淘宝镜像，这样是可以安装全局vue-cli脚手架，但是却无法使用vue ui启动图形界面。因此，如果想要使用图形界面创建vue项目的话，安装vue-cli脚手架的采用的命令如下： npm install -g @vu...
【前端环境3】已有代码配置vue环境 + 使用 vue ui 图形化界面创建vue项目 + vue项目目录结构...
最新发布
weixin_40569053的博客
07-11 54
【前端环境3】使用 vue ui 图形化界面创建vue项目 + vue项目目录结构写在最前面零、已有代码 - 配置Vue2环境一、从零搭建 - 使用 vue ui 图形化界面创建vue项目`vue ui`，如果敲了回车不生效继续， `vue ui`创建vue项目手动配置依赖项配置页面等待创建二、VSCode运行vue项目...
使用 vue ui 图形化界面创建vue项目
Lenwensen的博客
01-07 1902
按下快捷键Win+R，输入cmd，回车，进入命令行界面； 进入你要创建项目的文件夹位置，然后直接输入命令 vue ui ,等待加载，成功后会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程； 选择创建，在此可再选择项目所在目录，然后在下方选择在此创建新项目； 然后进入详情页，给项目命名、选择包管理器。这里选择 npm，接着点下一步； 进入预设页面，选择 手动 ，便可以手动选择安装哪些依赖项，或使用其他已经预设好的依赖项组合。这里选择 手动 ，然后点下一步； ..
vue ui 使用图形化界面
aaronthon的博客
05-15 1663
你也可以通过vue ui命令以图形化界面创建和管理项目： vue ui 上述命令会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程。 ...
体验vue UI，图形可视化化管理vue项目，告别webpack配置
weixin_44476321的博客
09-17 4249
vue-cli 3.0 版本为我们提供了集 创建、管理、分析 为一体的可视化界面vue UI 打开我们的任意一个vue项目，命令行终端输入vue ui 片刻等待以后，浏览器自动跳转到http://localhost:8000/project/select，可以看到如下的界面 Vue项目管理器提供了三个功能： 管理项目 创建项目 导入一个已经存在的项目 然后我们点击导入，然后再导入到...
vue-cli V3.0版本的使用详解
10-17
通过本文，我们来详细介绍如何使用Vue-cli V3.0版本创建和配置Vue项目。 1. Vue-cli V3.0版本概述 Vue-cli V3.0是Vue.js官方提供的一个完整、灵活的Vue.js项目脚手架，它通过预设的配置能够快速开始项目开发。随着V...
使用Vue-cli3.0创建的项目 如何发布npm包
10-16
Vue-cli 3.0作为Vue开发的官方脚手架工具，进一步简化了配置流程，并且引入了图形化界面。在开发过程中，我们可能会遇到想要将自己编写的组件或库发布为npm包的情形，这样其他人便可以轻松地将其引入到自己的项目中...
Vue-CLI-3.0图形化界面初试
liyoro的专栏
04-11 890
环境 系统版本 macOS Mojave 10.14 安装Node 根据官方文档推荐，选择了8.x版本的Node Node 版本 v8.15.1 npm 版本 v6.4.1 node 8.x下载地址 安装Vue-Cli npm install -g @vue/cli # OR yarn global add @vue/cli 检查vue版本是否正确 (3.x) vue --version 图形...
Vue-cli4图形化界面创建和管理项目(034)
weixin_31707323的博客
05-20 250
Vue-cli4图形化界面创建和管理项目 一、通过 vue ui创建 成功 最后注意： 终止网络端口填:8000。 插件： 依赖： 配置： 任务： 下一步进入深入的学习。
基于图形化界面创建Vue项目
zhangbeizhen18的博客
03-19 4102
基于图形化界面创建Vue项目
@vue/cli3--使用图形化界面创建项目--方法/实例
IT利刃出鞘的博客
06-25 1072
本文用实例来介绍vue-cli3如何使用图形化界面来创建项目。
@vue/cli4--使用图形化界面创建项目--方法/实例
IT利刃出鞘的博客
06-22 1810
本文用实例来介绍vue-cli4如何使用图形化界面来创建项目。
Vue.js入门之Vue CLI和图形化界面Vue Ui的使用
Emoji的博客
04-27 1287
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过@vue/cli搭建交互式的项目脚手架。 通过@vue/cli+@vue/cli-service-global快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配...
【 Vue全家桶 · Vue CLI（三）】使用可视化的Vue项目管理器（Vue UI）来创建、开发和管理你的项目
JZevin的博客
10-14 3436
vue ui
vue3创建项目
weixin_51188380的博客
04-16 233
它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。vue3不支持以 Vue.prototype的方式绑定全局变量,只能以app.config.globalProperties.$http在全局绑定。这里是放你要请求的接口url、请求方式post/get、传参data最后通过export default方式抛出在页面上调用！抛出基础请求方式、基础前缀、请求头信息、参数、超时时间、凭证、后端接口返回数据类型！发送请求中，配置请求的根路径。
使用可视化的Vue项目管理器（Vue UI）来创建、开发和管理你的项目
weixin_45131680的博客
06-20 1079
这一步在选择项目所需的配置项时，就很直观了：页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，就很银杏了，哈哈Babel；Router；选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；简单选择2.x和hash mode，点击创建项目！用完这一圈Vue UI下来，感觉比命令行直观太多了。不过对于程序猿来说，虽然Vue UI是很方便，可是耐不住命令行的魔力呀~
Vue-cli3.0详细教程：零配置启动与图形化界面操作
"Vue-cli3.0的详细使用教程，包括零配置启动和打包.vue文件，图形化界面创建项目，以及安装、卸载和版本管理方法。" Vue CLI 3.0 是一个强大的工具，用于快速设置和构建 Vue.js 项目。这个教程详细介绍了如何利用 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值