开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >Vite + Vue3 项目的创建，启动，停止

Vite + Vue3 项目的创建，启动，停止

作者头像

捞月亮的小北

发布于 2024-04-01 08:35:05

2130

发布于 2024-04-01 08:35:05

举报

文章被收录于专栏：捞月亮的小北捞月亮的小北

第一步：使用命令行创建工程

在磁盘的合适位置上,创建一个空目录用于存储多个前端项目
用vscode打开该目录
在vocode中打开命令行运行如下命令

npm create vite@latest

第一次使用vite时会提示下载vite,输入y回车即可,下次使用vite就不会出现了

注意：选择vue+JavaScript选项即可

第二步：安装项目所需依赖

cd进入刚刚创建的项目目录
npm install命令安装基础依赖

cd ./vue3-demo1
npm install

第三步：启动项目

{
  "name": "demo07-vue02",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.4.21"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.0.4",
    "vite": "^5.2.0"
  }
}
npm run dev

初始化页面样式：

停止项目：

命令：Ctrl + C

本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2024-03-31，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客?前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

第一步：使用命令行创建工程
第二步：安装项目所需依赖
第三步：启动项目
初始化页面样式：
停止项目：

相关产品与服务

对象存储

对象存储（Cloud Object Storage，COS）是由腾讯云推出的无目录层次结构、无数据格式限制，可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限，无需分区管理，适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。

免费体验产品介绍产品文档

COS新用户专享存储包低至1元，新老同享存储容量低至0.02元/GB/月，立即选购！