创建项目:

npm create vite@latest 项目名称

选择模板vue

选择语言
后面按需选择

修改项目端口

项目默认5174，若需修改，需在vite.config.ts修改

export default defineConfig({
  plugins: [vue()],
  
  server:{
    port:9981//修改为你自定义端口
  }
})

如何启动项目

使用指令 npm run dev
package.json中的"scripts"字段用于定义可通过npm run <脚本名>执行的命令。当你运行npm run dev时，npm 会去scripts中查找名为dev的脚本，并执行其对应的命令。


也可以通过npx vite启动

快捷键vscode

• Enter+o浏览器打开项目网站

一些vue3用法

引用子组件