Vite脚手架搭建并创建一个VUE3的项目

最新推荐文章于 2024-07-11 15:04:32 发布
最新推荐文章于 2024-07-11 15:04:32 发布
阅读量531 收藏
点赞数 1
文章标签： vue node.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67926566/article/details/125762097
版权
本文介绍了如何通过Vite快速搭建一个基于Vue3的项目，详细步骤包括安装Node.js，创建Vite项目，选择Vue模板，启动项目，安装并引入ElementUI组件库，以及添加Axios进行接口请求。通过遵循文中指导，读者可以成功建立一个具备基本功能的Vue3应用。
摘要由CSDN通过智能技术生成

1、搜索node.js进入node.js官网或node.js中文网

2、点击下载windows .msi64位安装包(下载前注意自己电脑系统的版本，这里是windows10)

3、打开安装包进入安装程序,根据以下流程进行node.js的安装

注意下面划红线的框需要勾选！！！

最低0.47元/天 解锁文章
美思坦福
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Vue--》超详细教程——vite脚手架的搭建与使用
ztK63LrD的博客
12-29 4497
我们要知道Vue是有两个开发者工具的，分别适配Vue2和Vue3，之前在学习Vue2时使用的工具仅限于Vue2使用，在Vue3项目中是不能进行使用的，所有我们还是需要单独安装一个适配Vue3的开发者工具。安装完成打开了开发者模式，小伙伴可能会发现，浏览器的右上角没有Vue插件的标志啊，只需如下操作即可。在工程化的项目中，vue要做的事情很简单，通过main.js把App.vue渲染到index.html的指定区域中。当然你也可以同时打开2和3的工具，用哪个版本的Vue，哪个版本的vue开发者工具就是亮。
教你如何创建一个vite+ts+vue3的脚手架(傻瓜式教程）
m0_63500235的博客
03-26 1214
vite项目的搭建 安装命令 npm create vite@latest 回车选择 vue 回车选择 vue-ts 创建成功 cd 到根文件夹(vite-project)里面 创建vuex 在src里面新建 store文件夹创建 index.ts 文件 import { createStore } from "vuex"; export default createStore<any>({ state: {}, // 数据源存放地 getters: {...
安装vue脚手架
weixin_45932157的博客
02-16 538
安装nodejs 下载地址:http://nodejs.cn/download/ 测试nodejs 是否安装 ----在cmd中输入node -v 测试npm是否自动安装 npm -v 配置下载源—全局安装nrm npm install nrm -g 使用taobao镜像源 nrm ls 查看镜像源 nrm use taobao 全局安装脚手架 npm i @vue/cli -g 测试安装是否成功 vue -V 创建VUE项目 vue create 项目名 项目配置 选择预设 Please pick a
使用Vite快速构建Vue3+ts+pinia脚手架
小王博客基地
09-16 1125
快速搭建Vue3+ts+pinia，简单介绍Vite，pinia
Vue3+vite脚手架搭建系统及可视化大屏
最新发布
2302_79553009的博客
07-11 2155
Vue3+vite后台管理系统项目概述：通过Vue3+vite脚手架搭建项目，结合Element-Plus、Echarts、Axios、Mock、Vuex完善各功能模块，进行后台管理系统的开发。实训中注重对图表的应用，数据的引入，数据可以mock生成也可以写静态数据各官网地址：Element-PlusEchartsAxiosMockVuexVite进入node.js官网选择版本安装，选择较低版本，比较稳定。同时按WIN+R输入cmd打开命令提示符窗口，输入node -v查看安装的版本，出现版本号即安装成功。
vite创建vue3项目
m0_47659279的博客
05-21 2669
这种方式创建的项目最快捷，因为基本依赖都装好了。
Vite 创建 Vue3 项目(完整)
m0_54158068的博客
02-25 8984
Vite 创建 Vue3 项目(完整)
vite-vue3-tailwind：具有Vite脚手架，通用ESLint插件的Vue3快速入门样板
02-13
【标题】"vite-vue3-tailwind"是一个基于Vite构建的Vue3项目模板，结合了Tailwind CSS框架，特别适合初学者快速上手Vue3开发。Vite是由Vue.js作者尤雨溪开发的新型前端构建工具，它利用了浏览器原生的模块导入功能，...
创建 vite + vue3 + ts 项目简单笔记
qq_33365152的博客
09-16 276
创建 vite + vue3 + ts 项目简单笔记、vite、vue3、ts、TypeScript
Vite 脚手架 搭建 Vue项目
灵魂学者的博客
07-22 2186
在之前讲过搭建 Vue 项目的脚手架 Vue-Cli，Vue-Cli目前是处于这个维护阶段，随着Vue3的到来官方推荐使用 Vite 来搭建Vue项目，Vite是一个轻量级的、速度极快的构建工具，由于其原生ES模块导入方式，可以实现闪电般的冷服务器启动。那么本篇就来使用Vite脚手架搭建Vue项目，同时也提供在VScode中需要安装哪些插件可以帮助使用者来更好的编写代码。
【Vue3】使用vite脚手架搭建vue3-ts项目
Qxn530的博客
09-20 2123
搭建项目所需要下载的内容有：vue-router、vuex、axios、eslint、js-cookie、Nprogress、Path
Vite创建Vue3项目
YYTX_YS的博客
02-13 289
vite创建vue项目
vue3利用vite和脚手架构建项目
不学会react不改名的博客
05-09 514
利用vite和脚手架创建项目
通过脚手架Vite创建Vue 3项目【实验二】
weixin_51302020的博客
01-20 460
1. 练习 pnpm 工具的使用。 2. 练习 Vue 项目依赖包的安装方法。 3. 练习使用 vs code 开发基于 Vue 的前端项目。
使用Vite构建vue3脚手架项目
weixin_58395893的博客
06-26 388
1.怎么知道有没有Node环境: 打开控制台 敲 node。2.node版本要大于17 不然使用脚本创建项目会报错。一.确保电脑上要有node环境。4.按照自己的需求去选择。
vite 脚手架搭建 vue3 项目
jiangjunyuan168的博客
01-30 1480
步骤： 1、win+r，输入 cmd 进入命令提示符窗口 2、cd 到项目需要存放的目录 3、进入目录后，使用以下命令搭建项目（这里以npm为例）...
使用vite构建项目
qq_43603993的博客
07-01 544
使用vite脚手架快速搭建项目
vite脚手架搭建vue3项目
08-28
你可以按照以下步骤使用 Vite 脚手架搭建 Vue 3 项目： 1. 首先，确保你的环境中已经安装了 Node.js（建议使用...现在，你已经成功使用 Vite 脚手架搭建了一个 Vue 3 项目！你可以根据需要进行进一步的开发和配置。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

美思坦福

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值