使用create-vue搭建Vue3项目

最新推荐文章于 2024-05-10 17:57:11 发布
最新推荐文章于 2024-05-10 17:57:11 发布
阅读量474 收藏 6
点赞数 8
分类专栏： Web前端 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56101688/article/details/135863019
版权
本文介绍了Vue官方新推出的create-vue脚手架工具，基于vite，它支持快速项目创建。文章指导读者在Node.js16.0及以上版本下安装并使用create-vue，以及熟悉项目结构的关键文件。
摘要由CSDN通过智能技术生成

1. 认识create-vue

create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应

在这里插入图片描述

2. 使用create-vue创建项目

前置条件 - 已安装16.0或更高版本的Node.js

执行如下命令，这一指令将会安装并执行 create-vue

npm init vue@latest

在这里插入图片描述

3.熟悉项目和关键文件

在这里插入图片描述

究极无敌暴龙战神X
关注
  • 8
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
create-vue快速生成项目，到底是怎么做的
郊眠寺
03-13 1578
前段时间我们有去探索了一下vue-clicra的原理，生成项目的过程，他是基于webpack的，但是今天我们的主角是create-vue，他是基于vite的，为什么要使用vite而不是webpack呢？因为vite比webpack快。我们使用vue-cli和vitewebpackvite就目前的图来看vite在构建、启动项目的时候会比webpack快10倍，这还是仅仅只是简单的项目，前端的项目复杂程度本来就是呈指数上升的，这时候vite与webpack可谓是天差地别。那么接下来我将带领大家一步一步去探索。
使用vite 搭建vue 3的项目
weixin_52984349的博客
11-30 3906
使用vite 搭建vue 3的项目
vue-cli3搭建项目的详细步骤
10-17
主要介绍了vue-cli3搭建项目的详细步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue3项目搭建教程（create-vue）
weixin_53818172的博客
07-04 1420
create-vue是一个脚手架工具，用来快速创建v3的项目。（Vuecli用来创建v2的项目）介绍 | Vue CLIcreate-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。
第一节: 全面细致的理解创建vue3应用的 createApp函数
最新发布
我们专注于分享最实用的编程技术和干货，帮助你提升编程能力,感谢您的支持和关注！
05-10 2128
相信大家已经比较熟了, 就是父组件给子组件传参的方式. 问题在于根组件已经是顶级组件了, 没有父组件传入。类型, 可以查看源码. 我们可以通过在控制台输出的方式, 查看返回的应用对象都具有哪些属性.参数, 可以是一个真实DOM元素, 也可以是一个选择器字符串。模板是需要编译成渲染函数, 通过调用渲染函数, 获取返回的。的第一个参数除了可以是单文件组件, 也可以是选项对象。选项, 直接编写渲染函数, 渲染函数需要返回。函数的第一个参数, 接下来我们分析第二个参数。函数接受两个参数, 第二个参数是可选地,
vue3：2、使用新一代Vue脚手架create-vue以及pnpm包管理器，创建项目
qq_37899792的博客
09-07 350
即官方的项目脚手架工具，提供了搭建基于且 TypeScript 就绪的 Vue 项目的选项。前言（2）：pnpm包管理器的进化路径: npm => yarn => pnpmpnpm 代表 performant（高性能的npm），同 npm 和 Yarn，都属于Javascript 包管理安装工具，它较 npm 和在性能上得到很大提升，被称为。
新一代Vue脚手架（create-vue）
WEB前端李志杰
06-21 1万+
新建Vue项目，别再用Vue-Cli了，该换换了。
构建vue初始化项目 第一种方法：vue create 命令构建vue项目
weixin_72303943的博客
07-10 1万+
构建vue初始化项目 第一种方法：vue create 命令构建vue项目
vue-create 创建 VUE3项目-创建
dayouan的博客
03-30 4600
创建vue3项目流程快捷创建和自定义创建
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
热门推荐
逆境清醒的博客
03-19 5万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
基于vue-cli3 和 ant-design-vue搭建的后台管理系统模板
02-23
总之，基于Vue CLI 3和Ant Design Vue搭建后台管理系统模板，可以极大地提高开发效率，同时提供美观、易用的界面。结合Vue.js的响应式数据绑定、组件化以及Vuex和Vue Router的强大功能，你可以构建出功能完善、易于...
create-vue-app
03-26
"create-vue-app" 是一个基于 Vue.js 的脚手架工具，它允许开发者快速搭建新的 Vue.js 应用程序，无需手动配置复杂的构建设置。这个工具由 Vue.js 团队维护，确保与最新版本的 Vue.js 和其生态系统保持同步。 在 ...
使用Vue-cli 3.0搭建Vue项目的方法
08-27
使用Vue-cli 3.0搭建Vue项目的方法 本文主要介绍了使用Vue-cli 3.0搭建Vue项目的方法，涵盖了环境准备、搭建脚本文件、配置文件等多个方面的知识点。 一、环境准备 在开始搭建Vue项目之前，需要进行环境准备，...
create-vuepress-site:VuePress网站生成器
05-12
创建Vuepress站点搭建VuePress项目入门运行发电机在所需的文件夹中，运行以下命令以启动VuePress网站生成器：npx create-vuepress-site# yarn create vuepress-site 这将在docs目录中创建一个脚手架文档站点，该站点...
Vue系列之使用vue create搭建前端项目
老__L的博客
12-16 1228
使用vue create搭建前端项目
VUE 使用 vue create 命令 创建 vue2.0 项目
不想成为可以改变世界的程序员，不是一个好程序员
06-07 2万+
VUE 使用 vue create 命令 创建 vue2.0 项目 为了保证创建过程中避免出现因权限不足的原因 从而 导致创建失败的问题，我们使用 管理员身份 打开命令行 g:表示切换进入G盘 cd git表示打开 当前盘下的 git 文件夹 大家可以根据以上两个命令进入自己想要保存项目的目录下，我这里是保存在 G:\Git 文件夹.........
vue3使用create-vue创建项目
Java_Fly1的博客
12-19 831
" />
【源码】create-vue脚手架原理
rbgg_mp的博客
08-09 1269
1.creat-vue比@vue/cli快，原因在于相对依赖少，代码行数少2.相当于3.creat-vue完成了1.创建默认文件,可以自定义输入文件名2. 提供使用率比较高的库供用户选择并生成相应的模板3. 完成项目创建，并提供运行提示4.动态取用户使用的包管理工具包管理工具使用优先级。...
Vue基础笔记
weixin_68915174的博客
11-16 7477
每个Vue应用都是通过createApp函数创建一个新的应用实例const app = createApp({ //根组件选项})
使用vue-cli搭建vue项目
05-11
首先确保你已经安装了Node.js和npm。然后按照以下步骤进行： 1. 打开终端或命令行工具，进入你想要创建项目的文件夹中。 2. 运行以下命令安装vue-cli： ``` npm install -g @vue/cli ``` 3. 创建一个新的vue项目： ``` vue create my-project ``` 其中my-project是你想要创建的项目名称，你可以根据自己的需要自定义。 4. 在创建项目时，会提示你选择一个预设（preset），你可以选择默认的（default）或手动选择需要的功能。如果不确定可以选择默认的。 5. 创建完成后，进入项目目录： ``` cd my-project ``` 6. 运行以下命令启动项目： ``` npm run serve ``` 7. 打开浏览器，访问 http://localhost:8080/，你应该能看到一个“Welcome to Your Vue.js App”的欢迎页面。 现在你已经成功地搭建了一个基本的Vue项目，并可以开始进行开发了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值