首页 > 其他分享 >vue项目搭建-vite版本

vue项目搭建-vite版本

时间:2024-10-24 11:03:40浏览次数:7  
标签:npm vue create 命令 搭建 vite latest

https://blog.csdn.net/panghuangang/article/details/138756363

 

npm create vite@latest和npm init vite@latest命令是等效的,npm create是npm init的别名,它们的作用都是使用create-vue创建一个基于Vite的项目。

npm create vite@latest 这个命令实际上是先安装create-vite这个包,然后再执行create-vite命令。
下面来执行一遍:

 输入y:

 输入项目名称:

 选择Vue:

 

 选择JavaScript:

 项目创建成功了:

 此时项目的文件布局:

 package.json文件的内容:

 切换到my-vite-project目录:

 执行npm install命令:

 此时项目的文件布局:

 执行npm run dev命令,出现如下界面:

 说明服务器已经启动,到浏览器中输入http://localhost:5173/

————————————————

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/panghuangang/article/details/138756363

标签:npm,vue,create,命令,搭建,vite,latest
From: https://www.cnblogs.com/privateLogs/p/18499170

相关文章

  • 基于SpringBoot + Vue的G县乡村生活垃圾治理问题中运输地图的设计与实现
    文章目录前言一、详细操作演示视频二、具体实现截图三、技术栈1.前端-Vue.js2.后端-SpringBoot3.数据库-MySQL4.系统架构-B/S四、系统测试1.系统测试概述2.系统功能测试3.系统测试结论五、项目代码参考六、数据库代码参考七、项目论文示例结语前言......
  • 基于SpringBoot + Vue的酷听音乐
    文章目录前言一、详细操作演示视频二、具体实现截图三、技术栈1.前端-Vue.js2.后端-SpringBoot3.数据库-MySQL4.系统架构-B/S四、系统测试1.系统测试概述2.系统功能测试3.系统测试结论五、项目代码参考六、数据库代码参考七、项目论文示例结语前言......
  • 基于SpringBoot + Vue的智慧物业服务系统(角色:用户、巡检员、管理员)
    文章目录前言一、详细操作演示视频二、具体实现截图三、技术栈1.前端-Vue.js2.后端-SpringBoot3.数据库-MySQL4.系统架构-B/S四、系统测试1.系统测试概述2.系统功能测试3.系统测试结论五、项目代码参考六、数据库代码参考七、项目论文示例结语前言......
  • 【开题报告+论文+源码】基于SpringBoot+Vue的虎鲸旅游攻略网的设计与实现
    项目背景与意义随着旅游业的快速发展和互联网的普及,越来越多的人选择通过网络平台获取旅游攻略和分享旅行经验。传统的旅游攻略获取方式往往依赖于纸质书籍或零散的在线资源,这种方式不仅信息更新滞后,而且缺乏互动性和个性化推荐。因此,开发一个集旅游攻略分享、交流互动于一体......
  • 博客搭建之路:hexo搜索引擎收录
    hexo搜索引擎收录hexo版本5.0.2npm版本6.14.7next版本7.8.0写博客的目的肯定不是就只有自己能看到,想让更多的人看到就需要可以让搜索引擎来收录对应的文章。hexo支持生成站点地图sitemap在hexo下的_config.yml中配置站点地图url:https://zhhll.icusitemap:url:htt......
  • 怎么搭建图片转文本GOT-OCR2.0
    Github地址http://gitlab.xiaoxingcloud.com/ai/GOT-OCR2.0.git介绍GOT-OCR2.0是一款用于图片转文字开源软件环境查看系统环境#lsb_release-aNoLSBmodulesareavailable.DistributorID: UbuntuDescription: Ubuntu22.04.5LTSRelease: 22.04Codename: jammy#......
  • 手把手教你利用腾讯云COS存储+网盘cloudreve快速搭建个人专属网盘
    你还在为某盘限速而烦恼吗?你还在为担心隐私泄露而忧虑吗?你还在为存储信息不方便而影响办公效率吗?好消息,好消息,只需10分钟,手把手教你利用腾讯云COS存储+网盘cloudreve快速搭建个人专属网盘告别限速,防护隐私,你值得拥有最重要的是:全程都可以免费!!!1.创建腾讯云账号领取试用产品......
  • Ubuntu服务器搭建Tailscale Derp节点
    DerpServer简介Tailscale的终极目标是让任何位置的两台机器建立点对点连接,但现实中,大多数情况下,机器位于NAT和防火墙后面,这时就需要通过打洞实现NAT穿透。Tailscale的私钥仅保存在当前节点,因此DERP服务器无法解密流量,只能像其他互联网路由器一样,将加密流量从一个节点......
  • 宝塔linux面板安装(宝塔面板linux如何搭建网站)
    宝塔Linux面板是提升运维效率的服务器管理软件,支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。有30个人的专业团队研发及维护,经过200多个版本的迭代,功能全,少出错且足够安全,已获得全球百万用户认可安装。 Linux面板(Centos/OpenCloud/Alibaba稳定......
  • 使用certbot在centos7搭建ssl证书并且自动续约
    检查centos版本$cat/etc/centos-releaseCentOSLinuxrelease7.9.2009(Core)检查python\nginx版本$python-VPython2.7.5$nginx-vnginxversion:nginx/1.26.1这里服务器自带了python2.7.5,如果没有,可以安装sudoyuminstallpython27更新pip并安装certbotp......