vue-cli可视化创建项目

最新推荐文章于 2023-06-25 21:33:26 发布
最新推荐文章于 2023-06-25 21:33:26 发布
阅读量949 收藏
点赞数 1
文章标签： vue.js 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46639390/article/details/124380973
版权

vue-cli可视化创建项目
1.保证vue-cli版本为3以上
查看vue-cli命令 vue -V 如下图
在这里插入图片描述
进入需要创建vue工程的目录 如下图
在这里插入图片描述
进入命令行输入 vue ui 敲回车
在这里插入图片描述

浏览器弹出
在这里插入图片描述
点击创建 即可进行创建配置
在这里插入图片描述
工程名称（随便起一个自己想要的）在这里插入图片描述
以下皆为自己的个性化配置，根据自己需求配置即可
在这里插入图片描述

在这里插入图片描述

本文直接选择默认
在这里插入图片描述
vue工程创建成功 弹出以下窗口
在这里插入图片描述
启动步骤如下图
在这里插入图片描述

写bug的小张
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue-cli可视化创建项目流程
WuqibuHuan的博客
03-09 564
** 可视化面板搭建vue项目3.0 ** 1. 安装 node.js 在你的平台上下载 Node.js 源码或预编译安装包网址如下：链接:直达 node.js下载. 输入node -v，可得 node.js 的版本号，如下，表示安装成功同时测试 node.js 自带的npm的版本， 输入npm -v 如下： 2. 安装 vue-cli 3.0 1. 已安装vue-cli 的使用命令 npm uninstall vue-cli -g 或 yarn global remove vue-
Vue可视化创建项目
future_1_的博客
06-17 2469
Vue项目可视化创建
vue脚手架vue-cli可视化安装与介绍看完觉得很简单！
qq_61950936的博客
08-23 1599
vue-cli（俗称：vue 脚手架）是 vue 官方提供的、快速生成 vue 工程化项目的工具。特点：① 开箱即用② 基于 webpack③ 功能丰富且易于扩展④ 支持创建 vue2 和 vue3 的项目vue-cli 的中文官网首页：https://cli.vuejs.org/zh/✨个人笔记博客✨星月前端博客✨原创不易，还希望各位大佬支持一下✏️评论，你的意见是我进步的财富！
如何可视化的创建Vue项目
weixin_45657411的博客
10-14 1329
如何可视化的创建Vue项目
vue2项目 vue-cli脚手架的可视化创建以及命令行参数创建
张羽的博客
06-25 827
本文主要介绍了vue2项目 vue-cli脚手架的可视化创建以及命令行参数创建
vue-cli3-template：基于Vue-cli3建造的脚手架项目模板
01-31
vw移动端适应文件结构可视化：webpack-bundle-analyzer安装及快速开始# 克隆项目$ git clone https://github.com/liangfengbo/vue-cli3-template# 进入目录$ cd vue-cli3-template# 安装依赖包$ yarn install# 启动...
AntV F2和vue-cli构建移动端可视化视图过程详解
10-16
总之，AntV F2结合vue-cli为移动端开发提供了强大的可视化工具，通过详细的配置和示例代码，开发者可以轻松实现各种图表的创建。无论你是初学者还是经验丰富的开发者，AntV F2都会是你在移动端可视化领域的好帮手。
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
10-17
- 通过可视化界面 `vue ui` 创建项目，按照向导操作。 2. **项目结构变化**： Vue CLI 3.0 的项目结构更简洁，不再包含 `build` 和 `config` 目录。大部分配置项移到了新创建的 `vue.config.js` 文件中，这个文件...
iview-cli：以可视方式创建iView项目
01-30
iView-cli 可视化CLI，用于搭建iView项目和iView的脱机文档。 产品特点 视觉效果 简单配置 同时支持Mac和Windows 很漂亮 屏幕截图 执照 版权所有（c）2016年至今，TalkingData
vue cli 3.0 搭建项目的图文教程
10-16
这个可视化界面可以方便地管理和创建项目。 总的来说，Vue CLI 3.0 提供了一种更简单、更直观的方式来搭建 Vue 项目，减少了手动配置的步骤，提高了开发效率。通过本文的图文教程，你应该能够顺利地使用 Vue CLI ...
vue-cli3.0搭建项目
aaa333qwe的博客
07-23 1万+
最近的开发项目中使用了vue-cli 3.0，使用体验可以说非常棒了，模板更加制定化，配置更加简洁。以下总结下应用过程中的一些经验。 新建项目 ? 1 2 3 4 5 6 7 8 # 安装 npm install -g @vue/cli # 新建项目 vue create my-pr...
vue项目搭建-可视化创建
weixin_47436156的博客
08-07 2106
一、安装node环境 　　1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 　　 二、全局安装vue-cli 　npm install --global vue-cli 　 三、创建vue项目有两种方法 .使用可视化视图创建 1、在cmd里面 cd 你要建项目的路径，回车 2、使用命令 vue ui D.配置Element-UI:在插件中安装，搜索vue-cli-plugin-element E.配置Axios：在依赖中
vue项目可视化管理之（vue ui）
热门推荐
王永存
06-24 9万+
@vue/cli3.0增加一个可视化项目管理工具，全局安装完成cli3.0之后，可以直接在cmd输入命令：vue ui 启动即可，地址默认是localhost:8000 可以通过那牛导入你的vue项目进行管理，也可以通过创建按钮进行可视化创建一个新的vue项目。 还可以查看运行依赖和开发依赖的以及在线安装和更新依赖，非常方便 任务按钮下，你可以运行项目、打包项目，检查等操作。 ...
vue项目创建完整版
weixin_30788239的博客
02-28 1118
-vue项目创建 -装上node.js -装vue脚手架 -vue create 项目名 -ide:前端开发,webstorm,pychram,idea,goland,php -用pycharm跑vue的项目 - -目录介绍 项目名: -node_modules 项目依赖包() -public -index.html vue项目都是单页面开发 -facic...
可视化面板搭建vue项目3.0
左龙右虎一只喵
04-16 1431
可视化面板搭建vue项目3.0 1. 安装 node.js 在你的平台上下载 Node.js 源码或预编译安装包网址如下：链接: 直达node.js下载. 输入node -v，可得 node.js 的版本号，如下，表示安装成功同时测试 node.js 自带的npm的版本， 输入npm -v ，如下 2. 安装 vue-cli 3.0 已安装vue-cli 的使用命令 npm uninst...
Vue利用可视化工具创建项目的步骤
qq_44543430的博客
10-28 631
1、通过在终端输入Vue ui进入到可视化工具中 2、点击创建，然后选择要放的位置，最后点击在此创建新项目 3、填写一下信息，然后点击下一步 4、点击手动，创建项目 5、框框内的是要选择的，点击下一步 6、选择标准化，点击创建项目就可以了 7、预设名可以填一下 (也可不填) 8、这样项目就创建完毕。 ...
如何搭建一个vue项目（脚手架，可视化面板搭建）
weixin_45952434的博客
08-26 1644
如何搭建一个vue项目（脚手架，可视化面板搭建） 一.安装node 1.去node.js官网 https://nodejs.org/en/download/ 根据电脑系统选择下载node。 2.打开命令行输入node -v及npm -v检查node和npm的版本（没有输出说明安装失败）。 3.为了提高我们的效率，可以使用淘宝的镜像 npm install -g cnpm –registry=https://registry.npm.taobao.org，同样可 以输入cnpm -v查看版本及是否安装成
vue cli可视化
weixin_43617604的博客
03-31 1437
vue cli 可视化 点击此处跳转相关教程 首先要安装 vue/cli npm install -g @vue/cli 然后输入 输入命令：vue ui 2.创建 -> 选择项目地址 -> 点在此创建新项目 3勾选需求 下一步 4.手动 -> 下一步 -> 选择需要用的 -> 下一步 5.创建项目 -> 运行 -> 启动APP -> ...
可视化创建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. 配置项目：在创建新项目时，你需要填写一些基本配置，如项目名称、保存路径等。此外，还可以选择使用默认预设或手动配置一些选项。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值