Vue-脚手架-02-图形化界面创建项目

最新推荐文章于 2024-08-14 22:44:40 发布
最新推荐文章于 2024-08-14 22:44:40 发布
阅读量511 收藏
点赞数
分类专栏： Vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45438044/article/details/122141230
版权
本文档介绍了如何通过命令行界面（CMD）使用Vue CLI创建一个新的Vue.js项目。从打开CMD，输入vueui命令开始，逐步选择项目名称、文件位置、预设选项、Vue版本及ES标准，再到是否保存为模板。完成设置后，项目成功创建并启动，展示出启动后的项目页面。
摘要由CSDN通过智能技术生成 
1、进入 cmd 界面
	输入命令： vue ui

在这里插入图片描述

选择项目名称和文件位置

在这里插入图片描述

创建项目-预设

在这里插入图片描述

选择功能

在这里插入图片描述

选择 Vue版本 以及es标准

在这里插入图片描述

是否保存为模板

在这里插入图片描述

然后就进入了创建：
创建好了如下：

在这里插入图片描述

启动项目

在这里插入图片描述

启动好了，页面如下：

在这里插入图片描述

EchoByCode
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue脚手架搭建项目（详细教程）
weixin_65855560的博客
06-19 1万+
vue的自动化构建工具是node.js帮我们做的，这就是我们为什么要下载node的原因。npm install < name > --save：安装的同时，将信息写入package.json中，项目路径中若是有。Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具）命令行界面。npm list：查看当前目录下已安装的node包。npm ls：查看当前目录下已安装的node包。npm -v：查看npm安装的版本。：是一个开源的前端打包工具。1.进入终端执行命令。
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
热门推荐
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
【Vue 快速入门】使用vue脚手架创建一个项目
一个非常Cool的人
12-10 3887
本篇博客介绍了通过使用nodejs从0到1搭建一个vue程序，并对vue程序中的目录进行了详细的介绍。如果大家对vue不是很了解欢迎大家阅读本博客进行vue项目搭建。
vue脚手架搭建项目全过程
cnpma的博客
06-28 482
在vue/cli5.x之后, 项目搭建时,vue.config.js会自动创建, 结构如下。以上是vue/cli 3.x/4.x的写法, 手动创建vue.config.js。host: 'localhost', // 主页地址。lintOnSave: true, // 在保存时校验格式。publicPath:'/', // 启动页地址。outputDir: 'dist', // 打包的目录。proxy: null, // 设置代理。publicPath: '/', // 启动页地址。
使用vue脚手架，如何新建一个vue2项目
qq_57676486的博客
04-11 880
2. Vue 脚手架隐藏了所有 webpack 相关的配置，若想查看具体的 webpakc 配置，1. 如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry。1. Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。版本要求：Vue的版本根据个人需要，脚手架是向下兼容的使用最新版本即可。请执行：vue inspect > output.js。第一步（仅第一次执行）：全局安装@vue/cli。2. 最新的版本是 4.x。，然后使用命令创建项目。
如何用脚手架快速创建vue项目--基于图形化界面的方式创建
weixin_53005659的博客
04-20 185
上篇文章我们介绍了如何用脚手架命令行的方式来创建Vue项目，这篇文章我将会为大家介绍如何用图形化界面来创建Vue项目 使用图形化界面创建项目比命令行的方式更加简单明了，是现在更加流行的方式 前期的环境准备我就不多说了，在之前的文章中有，可以参考： 如何用脚手架快速创建vue项目–基于交互式命令行的方式创建 废话不多说，我们直接上操作 方法二 基于图形化界面创建 vue ui 执行WIN +R打开 操作面板，输入cmd，在终端中输入vue ui 打开一个浏览器面板，通过点击鼠标来创建项目(这里显示的是我的保
vue 图形化界面创建项目步骤
月亮不说谎! 的博客
04-25 2549
一 使用vue图形化界面创建项目的基本步骤 1.1首先在你要创建项目的目录中代开PowerShell窗口 运行如下命令：vue ui 然后浏览器会弹出一个界面就是这个 ...
vue-cli3脚手架的配置及使用教程
10-18
6. **图形化界面**：Vue CLI 3 还提供了一个图形化的用户界面，让不熟悉命令行的开发者也能便捷地创建和管理项目。 安装 Vue CLI 3 首先需要 Node.js 环境，至少是 8.9 版本，推荐 8.11.0+。如果已有旧版本的 Vue ...
webstorm建立vue-cli脚手架的傻瓜式教程
10-14
Vue CLI是官方提供的一个命令行工具，用于简化项目初始化和设置过程，而WebStorm作为一个强大的JavaScript IDE，提供了图形界面来辅助这一流程。 首先，启动WebStorm并打开“新建项目”对话框。在这个过程中，务必...
vue-cli V3.0版本的使用详解
10-17
随着V3.0版本的推出，Vue-cli引入了基于插件的架构，并且提供了图形化用户界面（UI）以及项目的个性化配置选项，极大地简化了项目的初始化过程。 2. 安装和更新Vue-cli 要在系统中安装Vue-cli V3.0版本，首先需要在...
vue-cli3搭建项目的详细步骤
10-17
Vue CLI 3 是 Vue.js 官方提供的一个脚手架工具，用于快速搭建 Vue.js 项目。它简化了项目的初始化工作，提供了丰富的预设和插件机制，使得开发者可以更加专注于应用的业务逻辑。本篇文章将详细介绍如何使用 Vue CLI...
Vue-cli3生成的Vue项目加载Mxgraph方法示例
10-15
Vue-cli3是Vue.js官方提供的脚手架工具，用于快速构建Vue项目。以下是一个详细的步骤指南，教你如何在Vue-cli3生成的项目中加载并使用Mxgraph。 首先，你需要确保已经安装了Vue-cli3。如果还没有安装，可以通过以下...
脚手架创建vue项目
qq_38750144的博客
06-15 173
小白学习安装vue
Vue笔记——搭建脚手架，快速创建Vue项目
weixin_52250664的博客
07-22 2312
一、安装Vue 二、安装vue-cli 三、Vue项目的创建 四、利用 WebStorm 开发 Vue
vue脚手架如何创建vue项目
wbnyua
06-15 1255
y。
Vue脚手架搭建以及创建Vue项目流程
weixin_68658847的博客
04-25 3万+
Vue脚手架的创建以及用脚手架创建项目的全套流程
Vue-Cli 脚手架 搭建 Vue项目
灵魂学者的博客
02-03 2216
本篇主讲如何通过vue提供的vue-cli脚手架来搭建vue项目，自此开始进行Vue基于项目中的介绍，Vue-cli 是官方提高用于搭建基于 Vue、Webpack、ES6 项目目的脚手架工具，通过脚手架创建项目势必会较为高效！
2024年Web前端最全Vue脚手架搭建以及创建Vue项目流程_脚手架创建vue项目，Web前端技术类校招面试题汇总
2401_84122782的博客
05-11 905
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】node_cache和node_global是后面创建的文件夹，后面有讲到，创建的位置，我在这里放到了node.js文件夹下，也可以自定义文件夹路径。
实现父组件调用子组件方法时报错：[Vue warn]: Invalid vnode type when creating vnode: null.
最新发布
08-14 279
[Vue warn]: Invalid vnode type when creating vnode: null.
可视化创建vue-ui项目
08-20
要可视化创建Vue UI项目，你可以使用Vue CLI提供的图形界面。Vue CLI是一个官方提供的脚手架工具，可以帮助快速创建Vue项目，并且提供了许多开箱即用的功能。 以下是使用Vue CLI可视化创建Vue UI项目的步骤： 1. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值