利用vue-cli创建vue3工程

最新推荐文章于 2023-07-17 14:39:41 发布
最新推荐文章于 2023-07-17 14:39:41 发布
阅读量706 收藏
点赞数
分类专栏： VUE 文章标签： vue.js 前端 vue3 vue-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rear0312/article/details/128528811
版权

需注意：想创建vue3工程，对vue-cli版本有要求，必须确保vue-cli在4.5.0以上

目录

1、查看vue-cli版本

 2、创建工程

3、启动

1、查看vue-cli版本

vue --version（小写v）

vue --version

 

或者

vue -V（大写v）

vue -V

 2、创建工程

转到自己想要的文件夹中

输入命令：vue create 工程名

 会跳出选择版本的提示，如下图

我们选择vue3版本，然后回车 

之后就等待它自动安装即可

安装完成会有如下图的提示操作，。

3、启动

 接着按照它的提示运行对应的cd和npm命令即可

运行成功 

在浏览器输入对应的网址

菜鸟茜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI是一个用于快速Vue.js开发的完整系统。这篇文章主要介绍了Vue Cli3 创建项目的方法步骤，非常具有实用价值，需要的朋友可以参考下
VUE CLI 创建 vue3 项目
❀雾里看花花里看雾❀
02-28 367
npm install -g @vue/cli vue create bookstore 一路Enter！ cd bookstore $ npm run serve
Vue-cli创建Vue3项目
爱吃香菜君的博客
06-04 617
那么，在开始 Vue.js 3.0 的开发之前，我们需要先创建一个 Vue.js 3.0 项目。在后续的开发中，我们可以按照 Vue.js 的开发文档进行开发，并且使用 vue-cli 提供的命令行工具来进行构建和打包。vue-cli 是一个由 Vue.js 官方提供的命令行工具，可以帮助我们快速创建 Vue.js 项目。在选择中，我们选择了默认的配置，并且选择了 Vue.js 3.0 版本作为我们的项目模板。安装完成 vue-cli 后，我们就可以使用它来创建 Vue.js 3.0 项目了。
使用 vue-cli 创建 vue3 项目
CS饭 的博客
07-31 920
使用vue-cli创建vue3项目。
vue-cli 创建vue3项目
Gblfy_Blog
01-23 3079
文章目录一、环境准备二、核心组件2.1. axios封装2.2. vuex2.3. vue-router 一、环境准备 前提： # 安装node环境 node -v npm -v # 安装镜像源工具 npm install nrm -g nrm ls # 使用淘宝镜像源 nrm use taobao nrm ls # 卸载旧脚手架工具 npm uninstall vue-cli -g or yarn global remove vue-cli # 安装新版的脚手架工具 指定版本@vue/cli@
使用vuecli 快速创建vue3项目
一个前端开发者
04-25 5128
文章目录一、安装最新vue-cli二、创建项目三、运行项目四、总结 提示：以下是本篇文章正文内容，仅供参考 一、安装最新vue-cli 官方网址：https://cli.vuejs.org/ 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 Node 版本要求 Vue
vue使用vue-cli快速创建工程
01-19
本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下： vue-cli安装 npm i vue-cli -g vue init webpack-simple vue-todos vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue ...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
vue-cli-plugin-component-创建组件的Vue CLI 3插件-Vue.js开发
05-27
vue-cli项目的vue-cli-plugin-component组件插件│README.md│LICENSE（可选）└───src│├──index.js│└───components│vue-cli-plugin-component组件vue-cli项目的插件│README.md│LICENSE（可选）└─...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果已经有了配置（确保配置PurgeCSS），则很有用。 最小（默认） -将创建一个最小...
使用vue-cli创建一个vue3项目
YM的博客
12-30 621
1. cmd打开命令窗口 2. 输入命令 vue create 项目名称 3. 自定义创建 4. 选择你需要选项 5. 选择vue3版本 6. 选择路由模式 7. 选择css预处理器 8. 依赖插件或者工具的配置文件怎么保存 9. 是否记录以上操作 10. 等待安装 11. 安装成功 cd到项目里面 启动即可 ...
Vue-cli 创建Vue3 项目全过程
u014212540的博客
04-20 3777
vuecli 创建 Vue3
Vue3实战：Vue-cli 快速创建vue3项目
dingdingdandan
06-08 1224
- `Vue CLI` 是一个基于 Vue.js 进行快速开发的完整系统。 - `CLI (@vue/cli)` 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。我们会在接下来的指南中逐章节深入介绍。...
创建vue3项目
qq_45438471的博客
03-04 1898
本文主要介绍在已经安装配置好nodejs的情况下，利用vuecli创建vue项目
vue-cli创建vue3.0项目步骤
CJB2020818的博客
10-08 368
首先看一下博主的node.js与npm版本： 2、管理员身份打开cmd在解压之后的文件夹中新建两个空文件夹node_global,node_cache; 并cmd中为其配置： 5、输入vue -V,报错‘vue’不是 内部命令，也不是可执行程序；这个时候 6、输入 返回结果 7、再输入淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org 8、检查cnpm是否搭...
如何使用 Vue CLI 创建 Vue3 项目？
网络技术联盟站
07-17 476
Vue.js 是一款流行的前端框架，通过使用 Vue，您可以轻松构建交互性的用户界面。Vue3 是 Vue.js 的最新版本，带来了许多令人兴奋的新特性和改进。本文将详细介绍如何使用 Vue CLI 创建 Vue3 项目，并提供一些有用的技巧来帮助您快速入门。
快速创建vue-cli3 项目
no_vy的博客
06-15 233
全局创建项目 npm install -g @vue/cli 查看版本/是否安装成功 vue -V 在新文件夹下创建项目 vue create project-admin 指向的vuecli3是因为上一次记录过的cli3配置，第一次执行create是没有的 按键盘上下键可以选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了 继续手动一下 我这里选择的是手动 选择配置，看个人项目需求 注意，空格键是选中与取消，A键是全选 TypeScri
VUE：vue-cli4创建普通vue3项目及环境搭建
干饭搬砖两不误。
08-30 1379
关于vue-cli4.0创建vue3项目及环境搭建
vue-cli创建vue3项目
最新发布
08-10
- *2* [五分钟教你使用vue-cli3创建项目（三种创建方式，小白入门必看）](https://blog.csdn.net/m0_46374969/article/details/120291155)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜鸟茜

随多随少随你心意^-^

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值