使用create-vue搭建Vue3项目

最新推荐文章于 2024-07-23 21:45:00 发布
最新推荐文章于 2024-07-23 21:45:00 发布
阅读量483 收藏 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
    评论
专栏目录
vue-cli3搭建项目的详细步骤
10-17
主要介绍了vue-cli3搭建项目的详细步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
【Vue】使用create-vue搭建Vue3项目
qq_39921135的博客
06-14 399
create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。Vue CLI 是用来创建Vue2的。如果是创建Vue3，底层更推荐使用create-vue。由于现在还没有到项目，到项目再具体的去定制化，现在就一律选中No即可，ESLint可以选上。vite是尤大大创建的vue构建工具，并且是市场上非常火爆的。前置条件 - 已安装16.0或更高版本的Node.js。执行如下命令（初始化），这一指令将会安装并执行。使用键盘上的左右键进行切换选择。
vue3使用create-vue创建项目
Java_Fly1的博客
12-19 871
" />
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
热门推荐
逆境清醒的博客
03-19 6万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
Vue3项目搭建教程（create-vue）
weixin_53818172的博客
07-04 1450
create-vue是一个脚手架工具，用来快速创建v3的项目。（Vuecli用来创建v2的项目）介绍 | Vue CLIcreate-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。
【Vue2+3入门到实战】（21）认识Vue3、使用create-vue搭建Vue3项目、熟悉项目和关键文件
shenchengyv的博客
01-03 1016
Vue 3是Vue.js的最新版本，带来了许多新功能和改进。它在性能、开发体验和可维护性方面有很大的提升。使用create-vue搭建Vue 3项目是一种快速开始的方法。create-vue是一个命令行工具，可以帮助我们快速创建Vue 3项目的基本结构。关键文件指的是在Vue 3项目中最重要的文件，它们提供了项目的核心功能和配置。package.json：这个文件列出了项目的依赖和脚本。我们可以使用npm或yarn来管理项目的依赖，并运行一些脚本来进行开发和构建。
新一代Vue脚手架（create-vue）
WEB前端李志杰
06-21 1万+
新建Vue项目，别再用Vue-Cli了，该换换了。
vue3搭建（vite+create-vue）
团酱
08-01 1324
与其他测试框架不同，Playwright 可以在多个浏览器（Chrome、Firefox、WebKit）中执行测试，并支持更多的操作，如截图、录制、模拟设备等。Nightwatch: Nightwatch 是一个基于 Node.js 和 WebDriver 的端到端测试框架，用于自动化 Web 应用程序的测试。Nightwatch、Cypress 和 Playwright 都是用于 Web 应用程序的端到端测试框架，它们可以模拟用户在浏览器中的行为，执行各种操作并检查应用程序的行为是否正确。
创建一个vue2项目--vue create
shuyaohuang的博客
12-26 676
通过vue create创建一个vue2项目
vue3搭建教程（基于webpack+create-vue+ element-plus）
wenmin1987的博客
03-02 713
vue3搭建教程--vuecli直接搭建
基于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目录中创建一个脚手架文档站点，该站点...
使用create-vite-app搭建Vue3项目，顺便看看初始化的Vue3和Vue2有啥区别
MS6324_ZAKU的博客
12-18 4093
先安装vite npm i create-vite-app 然后根据官方文档创建文件夹 搭建完成 查阅相关资料 npm init vite-app yarn create vite- app 等价于 全局安装create-vite-app 然后cva <项目名称> 或者 create-vite- app <项目名称> ...
vue3 学习笔记17 -- 基于el-menu封装菜单
最新发布
weixin_46328739的博客
07-23 242
前提条件：组件创建完成。
Python Formulas模型以JSON格式文件导出导入
Humbunklung的专栏
07-23 338
Python Formulas库，JSON格式导出导入。
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 297
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
使用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、付费专栏及课程。

余额充值