vue3.0搭建项目

最新推荐文章于 2025-03-26 10:27:55 发布
原创 最新推荐文章于 2025-03-26 10:27:55 发布 · 299 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍了如何使用Vue3.0官方推荐的Vite脚手架搭建项目，通过执行初始化、安装依赖及启动命令快速开始开发。由于Vue3.0不再支持webpack的require.context，当路由文件较多时，需改用import导入并合并数组的方式管理路由。此外，文章还提及了添加vue-router的步骤。

vue3.0官方推荐使用vite来搭建项目，执行命令:

npm init @vitejs/app  vue3.0
cd vue3.0 
npm install
npm run dev

执行完上面命令项目就已经启动了。
加入vue-router npm install vue-router
因为vue3.0已经采用vite脚手架搭建项目，之前采用webpack搭建项目时候使用的require.context已经不能使用，如果路由文件太多，只能通过import然后合并数组的方式。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

String12
关注
手把手教你vue3.0项目搭建
weixin_42762167的博客
01-05 1万+
前言：最近公司想重构一个项目，CTO选择了vue3.0 + ant-design-vue技术栈，正好自己也想尝试一下，试着搭建一下，以后有更好的会及时补充修改 注：粗体是命令指令，推荐使用cnpm指令，没有安装淘宝镜像的使用npm（淘宝镜像安装指令：npm install -g cnpm --registry=https://registry.npm.taobao.org） 一、vue（3.0）版本的安装 1.先要安装node.js（在这里就不演示怎么安装nodejs,前面的博客有教程） 官网：https:
VUE 3.0 如何新建项目 详细教程 附环境搭建 推荐
weixin_43483590的博客
07-26 1437
本人新入手一台电脑，需要安装各种环境配置，顺便把过程记录一下，方便自己以后查看，也欢迎大家参考交流。
vue3.0 搭建项目总结(详细步骤)
10-16
主要介绍了vue3.0 搭建项目总结(详细步骤),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue3.0项目搭建全过程
qq_35776479的博客
04-28 4930
vue3.0项目搭建
vue3.0项目的搭建
qq_45079530的博客
01-05 1254
vue3.0项目的搭建
vue3.0搭建项目文档
10-31
本文将详细介绍如何使用Vue CLI 3（Vue的命令行工具）来搭建Vue3.0项目。 首先，Vue CLI 3是Vue.js官方提供的一个用于快速初始化项目的工具，它简化了项目的配置和搭建过程。在开始之前，确保你已经掌握了基本的...
vue3.0初体验（项目搭建）
02-23
今天分享了vue-nextv3.0.0-beta.1版本不要太刺激哦6大亮点Performance：性能更比Vue2.0强。Treeshakingsupport：可以将无用模块“剪辑”，仅打包...基于vue-cli快速搭建Vue3.0项目2.Vue3.0基本特性体验3.集成vue-router
配置一个vue3.0项目的完整步骤
10-17
Vue CLI是官方提供的快速构建Vue.js项目的命令行工具，能够帮助我们快速搭建项目脚手架。在本文中，作者推荐使用yarn来代替npm，因为yarn在包管理和依赖安装方面具有更优异的性能，尽管npm同样适用于Vue项目的构建。...
VUE 3.0 项目搭建
M的博客
11-02 751
这篇文章主要介绍下vue-cli3.0项目搭建，项目结构和配置等整理一下，分享给大家。 一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、build 和 ins
Vue3.0项目搭建
weixin_42560974的博客
09-14 1229
vue3.0项目搭建
Vue3.0-创建Vue3.0项目
qq_45722267的博客
06-16 2768
vue3.0创建项目，vue3.0常用指令，创建工程：Npm init vue@latest，安装 Element Plus：npm install element-plus --save，安装axios：npm install axios
vue3.0搭建
qq_24241631的博客
02-13 1665
vue搭建 1 安装nodejs 百度自己下载https://nodejs.org/en/ cmd操作 2 安装cnpm（淘宝国内加速） npm install -g cnpm --registry=https://registry.npm.taobao.org 3 安装vue工具包 cnpm install -g @vue/cli 4 创建项目（cmd到自己项目想产生的位置） vue ...
Vue 3.0 项目搭建
奕初
06-20 388
Vue 3.0 项目初始化 第一步，安装 vue-cli： npm install -g @vue/cli 安装成功后，我们即可使用 vue 命令，测试方法： vue -V 第二步，初始化 vue 项目： vue create vue-test 随后我们勾选：Router、Vuex、CSS Pre-processors 和 Linter / Formatter，这些项目必须的插件依赖后进入项目进行升级。 升级 Vue 3.0 项目 目前创建 Vue 3.0 项目需要通过插件升级的方式来实现，vue-
vue3.0项目搭建
LiAly66的博客
03-14 511
vue3.0项目搭建
vue3.0项目快速搭建
前端_李嘉豪
12-20 2022
如何搭建一个vue3.0基础项目？ 一、我们要确保vue/cli版本在4.5.0以上，才能更好的支持3.0 //安装最新vue/cli yarn global add @vue/cli //或 npm install -g @vue/cli 用vue -V查看安装的版本号检验是都成功安装。 二、通过vue/cli3创建我们的第一个项目 vue create your-project ? Please pick a preset: (Use arrow keys) default (babel
vue3.0以后项目的搭建
qq_39704803的博客
08-28 379
node、vue、vue-cli的安装参考https://blog.csdn.net/qq_39704803/article/details/108030800 到第7步建立vue项目时，改用以下命令新建项目 vue create 项目名 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。一路回车，然后就会在当前目录新建了一个“项目名 ”的目录，里面有基本的VUE文件。 1.运行 npm
vue3项目搭建
最新发布
weixin_51349592的博客
03-26 2794
使用vue、vite、axios、vue-router、pinia搭建vue3项目
Vue3.0 搭建项目教程：GoIP与VOS配置详解
"本文档是关于使用Vue3.0搭建项目并配置鼎信网关进行GoIP注册VOS的详细步骤。主要适用于安装维护工程师、技术支持工程师和技术市场人员。内容涵盖了VOS配置、无线网关设备配置等环节，旨在帮助读者理解如何在不同...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值