Vue项目部署

安装node

1. 官网下载：Node.js — Run JavaScript Everywhere

（全都选择“下一步”即可）

2. 检查是否成功安装 npm为node的包管理（node package manage）

3. 配置镜像

npm config set registry http://registry.npmmirror.com

创建Vue项目

创建文件夹，保存路径  C:\Users\17609\Develop\MyVueProject

命令行输入，进入项目创建配置（shift+右键，即可在本文件夹下打开终端）

npm create vue@latest

命令行启动项目

npm install 安装依赖项

npm run dev 运行

复制链接访问：http://localhost:5173/

成功出现页面

关闭项目：直接关闭命令行窗口

idea编译器启动项目

打开文件夹package.json，启动项目

精简项目

删除无用文件

/route/index.js

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: () => import('../views/Home.vue'),
    },
  ],
})

export default router

Home.vue

<script setup>
</script>

<template>
  <div>
    精简完成
  </div>
</template>

App.vue

<script setup>

</script>

<template>
  <RouterView></RouterView>
</template>

main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(router)

app.mount('#app')

重启项目