Vue3-Vite创建项目

已于 2023-11-17 16:49:57 修改
阅读量49 收藏
点赞数
文章标签： typescript 前端 vue.js
于 2023-11-17 16:44:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39196447/article/details/134465899
版权

vite官网

兼容性注意

Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。

  • 打开cmd安装vite
npm create vite@latest
  • 在要创建项目的文件夹打开cmd 输入下面的命令
npm create vite
  • 输入项目名称

输入项目名称

  • 选择框架（上下箭头选择，回车键确定）

选择框架

  • 选择使用的语言

选择使用的语言

  • 项目创建完成，运行项目

项目创建完成，运行项目

qq_39196447
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue2-vite-plugin-test
04-03
vue2-vite-plugin 项目设置 安装 yarn install or npm install 开发者 恶作剧 yarn run serve-vite or npm run serve-vite Vue / CLI yarn run serve or npm run serve 建造 恶作剧 yarn run serve-build or npm run serve-build Vue / CLI yarn run build or npm run build 通话步骤 先通过@ vue / cli创建一个vue2 + ts的初始项目 帖子vite yarn add vite vite-plugin-vue2 修改package.json " scripts " : { " serve-vite " : " vite " , } 添加vite htm
vue3+vite创建项目-（傻瓜式教程）
01-19
vue3+vite创建项目-（傻瓜式教程）
vue3-vite-ts-cesium实现地球自转
04-01
本篇案例介绍如何使用 Vue3、Vite、TypeScript 和 Cesium 实现一个简单的数字地球浏览器，并通过...同时，通过学习本篇文章，读者还可以了解到如何使用 Vite 配置 Vue3 项目，以及如何使用 TypeScript 编写 Vue3 项目。
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（可选）└─...
vite-vue3-demo
05-22
1、全局安装vite：npm install create-vite-app -g2、创建项目：npx create-vite-app project-name Done. Now run: cd vite-demo npm install (or `yarn`) npm run dev (or `yarn dev`)
《前端面试题》- TypeScript - TypeScript的优/缺点
小张微说的博客
04-22 6499
问题 简述TypeScript的优/缺点 答案 优点 增强了代码的可读性和可维护性 包容性，js可以直接改成ts，ts编译报错也可以生成js文件，兼容第三方库，即使不是ts编写的 社区活跃，完全支持es6 缺点 增加学习成本 增加开发成本，因为增加了类型定义 需要编译，类型检查会增加编译时长，语法和类型系统复杂的话时间特别特别长 eval和new Function()这种操作类型系统管不到 ...
50个前端实战项目之04：隐藏的搜索小组件
前端开发博客
05-03 1146
大家好，我是宝哥。今天讲50个前端实战项目之04：隐藏的搜索小组件。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/hidden-search前端实战项目系列正在更新：04/5001：可展开卡片02：进度条03：旋转导航动画04：隐藏的搜索小组件项目介绍本项目演示了一个简洁实用的隐藏式搜索小部件。点击搜索按钮后，...
根据地址栏url上key获取值
最新发布
wwf1225的博客
05-10 142
/ 根据url上key获取值，key为参数名字，例如token。
前端 | iframe框架标签应用（二）| 外部页面导入
因为健忘，所以记点有的没的〒▽〒
05-06 1308
点击右上角喇叭，弹出iframe页面框，链接bilibili白噪音视频页面；点击关闭按钮，关闭弹出框。
Element-UI库：Web前端开发的强大助力
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-03 1142
定义与背景Element-UI是一套为开发者、设计师和产品经理准备的基于Vue 2.0的桌面端UI组件库。它遵循Material Design设计规范，提供了一套丰富的组件和工具，帮助开发者快速构建美观、功能强大的Web应用。Element-UI由饿了么前端团队开发和维护，已经成为国内前端开发者广泛使用的UI库之一。特点与优势（1）丰富的组件库：Element-UI提供了包括按钮、表单、布局、导航、通知等在内的多种常用组件，满足了大部分Web应用的开发需求。
基于若依框架搭建网站的开发日志（一）：若依框架搭建、启动、部署
lzh804121985的博客
05-05 1048
若依是一款开源的基于Vue+SpringCloud的微服务后台管理系统（也有SpringBoot版本），集成了用户管理、权限管理、定时任务、前端表单生成等各种基础功能，对于像我这种前端代码写不了一点的玩家来说十分友好！
组件化开发&根组件
m0_74462339的博客
05-06 467
组件化：一个页面可以拆分成一个个组件，每个组件有着自己独立的结构、样式、行为。好处：便于维护，利于复用，提升开发效率。
js正则表达式提取邮箱并复制到粘贴板
nongcunqq的博客
05-08 406
/ 提取电子邮件地址后自动复制到粘贴板。
快速搭建webase-front并且部署合约
本郡主是喵
05-08 178
在合约IDE页面,选中Trace合约,合约参数输入上面创建的3个用户地址-> 点击部署 -> 后出现如下页面即可。找到合约管理 -> 测试用户: 创建3个测试用户,名称分别是merchant、rider、consumer。在合约管理 -> 合约IDE: 新建WmTrace目录,点击文件上传按钮,将该包下面的合约文件,全部上传。其中-p选项指定起始端口，分别p2p_port,channel_port,jsonrpc_port。curl 一种命令行工具。
嘎嘎好用的虚拟键盘第二弹之中文输入法
monkey7
05-07 567
两个utils的js方法 core.js隐藏键盘 和 mixins.js 表单字段校验(这里用element-ui el-form的prop validate校验也行)原作者的方法就是能实现的 套了两层组件keyboard-input 和 simpleKeyboard。我这里修改了simpleKeyboard内的部分代码 做了点样式调整。用的过程中发现有两个报错。
JavaScript：Web APIs（三）
ma_no_lo的博客
05-03 1054
Js中事件流和基本阻止方式，包含load,scroll,resize事件
使用Axios从前端上传文件并且下载后端返回的文件
哈哈哈哈哈哈哈哈的博客
05-03 482
【代码】使用Axios从前端上传文件并且下载后端返回的文件。
Apipost使用心得，让接口文档变得更清晰，更快捷
qq_34254462的博客
05-08 298
点击即可跳转，也可以直接Apipost帐号对应的项目下的路径中就可以看到自己刚才发布的接口，查看接口文档如果输入和输出字段描述不全时，可以根据下面的步骤进行补齐保存即可。【注意】也可以采用这种方式进行先设计接口文档，接口设计好之后按接口文档进行开发，提倡建议，先设计接口文档，然后在开发接口，前端和后端可以同时进行，达到高效协作目的。在【调试】界面点击发送按钮，在接口返回的实时响应中，将响应结果复制，在响应示例中粘贴进去，然后点击右侧的【提取字段和描述】，将字段描述信息列进行补齐。
【前端】实现表格简单操作
qq_2511276124的博客
05-06 888
表格合并基础篇 本篇是在上一章的基础上实现，实现了的功能有添加行、删除行、逆向选区、取消合并功能。 添加行分为在上面添加和在下面追加行。 利用 insertAdjacentElement 方法实现，该方法可以实现从前插入元素和从后插入元素。 删除当前行就是利用元素remove()方法,从dom树种删除元素。 逆向选区是指选区从下往上选。 解决思路：记录当前选区时鼠标移动方向，往左上移动则为负,往右下移动则为正。负时在首位插入选中节点，正时从尾部追加选中节点，这样合并只需取第一个选中节点即可。 获取当前元素
vue3中vite创建项目
07-28
在Vue 3中使用Vite来创建项目十分简单。下面是一些步骤： 1. 首先，确保你的环境具备Node.js和...现在，你就成功地使用Vite创建了一个Vue 3项目。你可以在浏览器中访问 `http://localhost:3000` 来查看你的应用程序。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值