vuecli3脚手架可视化界面创建项目

最新推荐文章于 2024-09-11 14:57:03 发布
最新推荐文章于 2024-09-11 14:57:03 发布
阅读量343 收藏 1
点赞数
分类专栏： vue相关 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36080901/article/details/120061217
版权

vue li3 脚手架

一、全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli
终端中输入命令 vue -V 出现版本信息代表安装成功
在这里插入图片描述
二、开启可视化界面窗口
终端输入 vue ui 出现如下界面
在这里插入图片描述
现在需要创建的文件夹 选择创建
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
之后操作以手动配置说明
在这里插入图片描述
各种配置根据自己的需求添加 这次没添加的 之后可以再手动添加
在这里插入图片描述
次界面针对上一个界面的配置项的某些配置项进行详细配置 例如上一个界面让自己选择vue版本 这个界面可以自己选定vue版本
之后完成创建就可以了
在这里插入图片描述
出现这个界面表示我们的项目创建完成了

梁~月
关注
专栏目录
Vue-CLI3 脚手架搭建教程（全都是图）
缚己
01-27 6145
脚手架是什么 Vue 脚手架用于快速生成 Vue 项目基础架构，网址：Vue CLI 安装脚手架： npm install -g @vue/cli 使用命令行创建项目 在终端中输入如下命令进入交互式命令行： vue create project 这个界面让你选择创建的模式，按上下键可以移动，分别为： 默认：vue2 默认：vue3 手动选择 如果选择手动，会变成下面界面： 按下 a 选择所有，按下 i 反向选择，按下空格选择当前，选择完毕按下回车确认。 弹出下面界面： 这个界面让选择使用的 v
使用vue-cli（vue脚手架）快速搭建项目
2401_84435768的博客
04-27 638
1、《亿级流量Java高并发与网络编程实战》2、《分布式一致性算法开发实战 媒体宣传文案》3、《Java多线程与大数据处理实战》4、《深入浅出TCPIP和VPN》 目录一、什么是VueCLI1、如果你只是简单写几个Vue的Demo程序，那么你不需要VueCLI脚手架。2、如果你在开发大型项目，那么你需要，并且必然需要使用VueCLI。3、CLI是什么意思？4、脚手架长什么样？5、脚手架依赖于node.js和webpack二、安装Vue CLI脚手架三、runtime-compiler和runtime-onl
vue-cli可视化创建项目
qq_46639390的博客
04-24 973
vue-cli可视化创建项目 1.保证vue-cli版本为3以上 查看vue-cli命令 vue -V 如下图 进入需要创建vue工程的目录 如下图 进入命令行输入 vue ui 敲回车 浏览器弹出 点击创建 即可进行创建配置 工程名称（随便起一个自己想要的） 以下皆为自己的个性化配置，根据自己需求配置即可 本文直接选择默认 vue工程创建成功 弹出以下窗口 启动步骤如下图 ...
VUE基础大结局-用vue-cli搭建一个简单的vue项目吧！
最新发布
hh_xi的博客
09-11 995
vue-cli是vue官方提供的、快速生成vue工程化项目的工具vue-cli官网 https://cli.vuejs.org/zh/
Vue3.0 可视化工具-----创建脚手架
ssl_husband的博客
07-12 336
1. 点击 创建 弄好路径 点击在此创建新目录 2. 输入项目名 （在项目文件夹） 包管理器 点击npm Git 默认的是 打开的 点击下一组 3.选择一套预设 手动（手动配置项目） 点击下一步 4.选择所需要的 插件 （一般的话 babel Router vuex css Pre-processors 注意 关闭 Linter/Formatter[语法检测]） 点击 下一步 5.在Pick a css pre-process
如何使用Vue可视化界面创建一个vue3项目
weixin_44747173的博客
12-14 1315
如何使用Vue可视化界面创建一个vue3项目 一、安装Node.js 下载地址：https://nodejs.org/zh-cn/download/ 下载后解压安装即可，一直next到finish 使用以下命令检查是否安装成功 node -v 二、安装vue-cli ①npm config set registry https://registry.npm.taobao.org ②npm install -g @vue/cli 使用以下命令检查是否安装成功 vue -V 三、打开可视化界面 使用以
Vue3入门学习，使用可视化界面创建项目
stud_ying的博客
09-27 1047
前提环境安装好，vue版本在3以上，node版本不知道有没有要求 我的版本信息为 然后在需要创建vue项目的文件夹下打开cmd（在文件夹目录上输入cmd回车打开），输入vue ui 会默认打开一个图形化界面创建项目。 输入项目名 打开router和vuex 关闭检验 然后下一步 创建项目，等待创建完成 点击任务serve，运行。 编译好后，启动成功。 用idea打开看看。 重点在src文件夹： assets——静态资源，如图片 components——公共组件 router——路
vue-cli2,vue-cli3（vue脚手架）超详细教程
m0_67392126的博客
03-09 402
文章目录 vue-cli脚手架 Node.js环境安装 vue-cli2的安装 npm，cnpm介绍 安装脚手架 用脚手架生成项目目录 vue-cli3的安装 使用vue-cli3图形界面 vue-cli脚手架 顾名思义，脚手架就是用来协助，配合，帮助构建一个项目的。使用vue-cli仅需5分钟就可以搭建一个完整的Vue.js应用,相较于人工操作，具有安全,高效的特点。 vue-cli与平台无关,功能更加齐全。无论是预编译模板，注入依赖，还是模拟生产环境等功能，vue-cli都具
vue-cli2和vue-cli3脚手架介绍和深入理解
weixin_45221036的博客
04-04 1138
一、vuecli的介绍和安装 1、介绍 CLI是Command-Line Interface（命令行界面）俗称脚手架 Vue CLI使用的前提 Node.js、webpack（npm install webpack -g全局安装） 2、安装vue脚手架（cli3） npm install -g @vue/cli -g就是全局安装（global） 注意：此时安装的是最新版本，如果需要想按照v...
vue cli 3.0 搭建项目的图文教程
10-16
这个可视化界面可以方便地管理和创建项目。 总的来说，Vue CLI 3.0 提供了一种更简单、更直观的方式来搭建 Vue 项目，减少了手动配置的步骤，提高了开发效率。通过本文的图文教程，你应该能够顺利地使用 Vue CLI ...
vue-cli3图形化创建项目
哈
11-12 261
第一步：命令行窗口运行命令“vue ui”打开vue的可视化管理工具界面： 第二步：在打开的网页中依次执行操作：
vue-cli可视化创建项目流程
WuqibuHuan的博客
03-09 591
** 可视化面板搭建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-cli3图形界面安装和运行
qq_32958739的博客
04-08 2532
vue-cli3使用 1.安装 基本没有什么大的问题，可以尝试使用图形安装 命令：vue ui 之后在打开的页面上创建自己想要的项目就行了，很方便。
【Vue3】创建Vue3.0脚手架工程的解决方法（图文）
【敦厚的曹操】的专栏
07-26 731
【Vue3】创建Vue3.0工程的方法（图文）
vue-cli学习一：vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目，vue的初始化详解
冯安晨
03-02 603
文章目录前言五、vue-cli2脚手架安装vue项目1. 可视化安装2. 命令行安装六、vue-cli3脚手架安装vue项目1. 可视化安装2. 命令行安装八. vue-cli 版本区别1. 2,3版本区别2. 2,3,4版本区别 前言 五、vue-cli2脚手架安装vue项目 1. 可视化安装 2. 命令行安装 六、vue-cli3脚手架安装vue项目 1. 可视化安装 2. 命令行安装 八. vue-cli 版本区别 1. 2,3版本区别 vue-cli 3 与 2 版本有很大区别 vue-cli 3
可视化构建工具探索之Vue Cli3.0 & 阿里飞冰
weixin_34358365的博客
08-17 1193
Vue Cli3.0可视化构建工具——Vue UI 一、安装环境 安装了最新的Vue CLI。打开Terminal，输入： npm install -g @vue/cli or yarn global add @vue/cli 使用-V来查看刚刚安装的版本： vue -V 3.0.0-rc.10 更新vue-cli之后，之前的2.0版本的构建方式就不可用了 需要再下载 yarn global ad...
vue-cli3脚手架搭建
十月时光的博客
06-22 3527
vue-cli3脚手架搭建前期准备：1、安装node 版本需8.1以上2、安装最新vue   npm install -g @vue/cli方式一：vue create 项目名方式二：vue ui  gui可视化操作注意：1、build和config文件夹已废弃2、webpack相关配置及proxy代理服务配置需在文件夹根目录创建vue.config.js配置内容如下：module.exports...
可视化创建vue-ui项目
08-20
3. 创建新项目：在Vue CLI可视化界面中，点击左侧导航栏中的"创建"按钮。然后，你可以选择创建一个新项目或从现有的Git存储库导入项目。 4. 配置项目：在创建新项目时，你需要填写一些基本配置，如项目名称、保存...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值