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

捞月亮的小北

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

2.6K0

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

在磁盘的合适位置上,创建一个空目录用于存储多个前端项目
用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