Vue3之构建vite项目

1.安装node.js

2.vite初始化项目

    npm =>  npm init vite@latest => vite-project(输入你的项目名称) => 选择模板vue、react等  => 选择JavaScript、typescript等 => 安装依赖 npm install => 切换到目录 cd projectName => 启动项目 npm run dev

3.目录介绍

  public:下面的不会被编译 可以存放静态资源

  src=>assets 下面可以存放可编译的静态资源

  src=>components 下面用来存放我们的组件

  App.vue 是全局组件

  main ts 全局的ts文件

  vite.config.ts  vite的具体配置文件

4.vscode编辑器使用vue3插件 搜索Volar 安装Vue language features和Typescript Vue Plugin（禁用vetur）