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

[Vue] 从零开始使用 Vite 创建 Vue 项目

📚 一、安装 Node.js

Node.js 是一个运行 JavaScript 代码的 JavaScript 运行时,它允许我们在服务器端运行 JavaScript 代码。以下是安装 Node.js 的步骤:

  1. 🌐 访问 Node.js 国内网站:https://nodejs.cn/
    请添加图片描述

  2. 📦 选择 LTS(长期支持版)或 Current(最新特性版)。对于大多数用户,LTS 版本是更稳定的选择。

  3. 💾 下载适合你操作系统的安装程序,并按照安装向导的提示进行安装。在大多数情况下,你可以接受默认设置。

  4. 🔧 安装完成后,打开一个新的命令行窗口(终端),输入以下命令来验证安装:

node --version
npm --version

📁 二、创建一个新的项目目录

创建一个新的目录来存放我们的 Vite 项目:

  1. 📂 打开终端,导航到你想创建项目的位置。
    请添加图片描述
  2. 🏗️ 创建一个新目录并进入:
mkdir my-vite-project
cd my-vite-project

请添加图片描述

🛠️ 三、初始化 Vite 项目

使用 Vite 创建一个新项目

  1. 🚀 在终端中运行以下命令:
npm create vite@latest
  1. 📝 输入项目名称,选择 Vue 作为框架,并选择 JavaScript 或 TypeScript 作为语言变体。
    请添加图片描述
    请添加图片描述
    请添加图片描述

🔗 四、安装项目依赖

  1. 📍 进入项目目录:
cd your-project-name
  1. 📚 安装项目依赖:
npm install

请添加图片描述

🚀 五、启动开发服务器

  1. 💡 运行以下命令启动 Vite 开发服务器:
npm run dev

请添加图片描述

  1. 🌐 访问 http://localhost:5173 在你的浏览器中查看项目。
    请添加图片描述

http://www.kler.cn/news/314519.html

相关文章:

  • webrtc gclient sync报错问题解决
  • 独孤思维:图书电商,又精进了
  • SwiftUI里的ForEach使用的注意事项
  • 某建筑市场爬虫数据采集逆向分析
  • Cartographer源码理解
  • ccfcsp-202403(1、2、3、4)
  • Compiler Explorer 开源项目-在线编译器网站
  • 由于安全风险,安全领导者考虑禁止人工智能编码
  • 【C++】—— string模拟实现
  • UWA支持鸿蒙HarmonyOS NEXT
  • 2024年最新Redis内存数据库主从复制、哨兵模式、集群部署等详细教程(更新中)
  • 考研数学精解【5】
  • sizeof与strlen()函数的对比总结
  • 【数据结构与算法 | 每日一题 | 力扣篇】力扣1184
  • 网络安全详解
  • vue 2表格滚动加载
  • 电子竞技信息交流平台|基于java的电子竞技信息交流平台系统小程序(源码+数据库+文档)
  • 输电线路绝缘子红外检测数据集
  • 使用python-pptx将PPT转换为图片:将每张幻灯片保存为单独的图片文件
  • Android命令行启动settings
  • 基于Spring Boot的Java免税商品优选商城设计
  • 如何有效检测住宅IP真伪?
  • dbt compile 命令及应用
  • docker基本(仅供自己参考)
  • RK3568笔记六十:V4L2命令测试
  • 【数据可视化】Arcgis api4.x 热力图、时间动态热力图、timeSlider时间滑块控件应用 (超详细、附免费教学数据、收藏!)
  • Linux系统下rar压缩包怎么解压
  • 我的AI工具箱Tauri版-VideoClipMixingCut视频批量混剪
  • FreeRTOS的递归互斥锁
  • [SDX35+WCN6856]SDX35 + WCN6856 默认增加打包wifi配置hostapd_24g.conf和hostapd_5g.conf操作方法