Vue 安装

vue3 官方文档

VSCode 官网

VSCode 插件推荐

Live Server 、Vetur 、Vue 3 Snippets 、Vue VSCode Snippets 、Vue Language Features (Volar)

CDN

Vite:

1.npm 安装 yarn

#安装一次后无需再次安装
npm install -g yarn

2.使用yarn 安装 vue

yarn create vite <project-name> --template vue

3.安装完成后进入目录

cd <project-name>

4.进入目录后安装扩展

yarn

5.运行项目（注意要在项目目录）

yarn dev

6.运行后会提示 端口等信息 在当前窗口 Ctrl + C 即可结束

   VITE v3.0.4  ready in 302 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose

7.后台运行（使用脚本运行此代码时可关闭窗口）

--cwd 运行目录

yarn --cwd <progect-path> dev &

8.build

yarn build

9.注意：

如果是git 下来的新项目默认不会有 node_modules 目录

在项目根目录执行一下 yarn 即可（npm install 同理）