当前位置: 首页 > news >正文

使用Vite构建Vue3+TypeScript项目

1,新建项目前,确保电脑

已经安装Node.js,pnpm

在本地新建一个文件夹 ,在文件路径输入cmd 如下展示

2,执行如下指令搭建项目 filename,即搭建的项目名称。

pnpm  create vite@latest filename

输入指令按回车之后如下图展示: 

 选择 vue之后回车显示如下:

选择TypeScript 回车之后显示如下:

 3:按照下图 123步序指令执行即可

cd tsadmin 进入文件  pnpm  install  安装依赖    pnpm run  dev 运行项目指令 

打开http://localhost:5173/ 即可效果展示如下

4,还有另外一种方法 使用vscode打开项目

新建终端如下展示 ,

在终端输入上面123步同样可以安装依赖运行项目。 

 5:关于vue-element-plus-admin 打开 vue-element-plus-admin点击在线预览,很详细的项目实例

若发现有问题,请指正,谢谢!

相关文章:

  • 深入了解网络流量清洗--使用免费的雷池社区版进行防护
  • 升级ChatGPT4.0失败的解决方案
  • 【亲测有效】解决三月八号ChatGPT 发消息无响应!
  • 【语法基础练习】1.变量、输入输出、表达式与顺序语句
  • MinGW-w64的下载与安装
  • 设计模式—桥接模式
  • SQL中如何添加数据
  • 安装zabbix
  • 风车IM即时通讯系统APP源码DJ2403版完整苹果安卓教程
  • Redis快速入门
  • Java基于SpringBoot+Vue的人事管理系统,附源码
  • 设计模式学习笔记 - 规范与重构 - 5.如何通过封装、抽象、模块化、中间层解耦代码?
  • java kotlin混合变成java编译提示找不到符号
  • Android Studio Iguana | 2023.2.1版本
  • C++基础4:C++的指针与引用
  • 网站被插入虚假恶意链接怎么办?
  • 嵌入式学习35-网络通信UDP聊天及TCP
  • 智慧城市与智慧乡村:共创城乡一体化新局面
  • SQL 中: 索引的建立和删除
  • 科技云报道:阿里云降价,京东云跟进,谁能打赢云计算价格战?
  • 中医的千年传承:网络科学描绘其演化之路|PNAS速递
  • 商务部就开展打击战略矿产走私出口专项行动应询答记者问
  • 媒体和打拐志愿者暗访长沙一地下代孕实验室,警方已控制涉案人员
  • 《致1999年的自己》:千禧之年的你在哪里?
  • 瑞士联邦主席凯勒-祖特尔、联邦副主席帕姆兰会见何立峰
  • 巴基斯坦称成功拦截印度导弹,空军所有资产安全