准备工作：

1）安装Node.js  官网：https://nodejs.org/

2）安装Visual Studio Code 官网： Visual Studio Code - Code Editing. Redefined

1）创建文件夹

2）将刚创建的文件夹拖入Visual Studio Code打开

3）Visual Studio Code 弹出对话框，选择：是

4）Visual Studio Code 顶部菜单栏，找到 终端 按钮，点击 选择 新建终端 选项。

5）使用命令输入： node -v (  Node.js 版本在16+ )

6）使用命令输入： npm -v

 

7）使用命令输入 : npm create vite@latest  （需要等待几分钟）

8）请求要创建的vue版本结果，输入 y 回车。

9）选择vue ，回车。

10）选择TypeScript 语法，回车。

11）Visual Studio Code 安装插件vite

12）运行项目，点击底部 vite 按钮（如果无法启动，重新启动该项目）

重启后还是无法启动 在终端窗口输入： npm fund 

查看有么有安装npm，或者工程有没有 node_modules 文件夹。

在终端窗口输入：npm install

等待几秒即可安装成功。

快速创建vue3 项目工程

1）创建文件夹

2）将刚创建的文件夹拖入Visual Studio Code打开

3）Visual Studio Code 弹出对话框，选择：是

4）Visual Studio Code 顶部菜单栏，找到 终端 按钮，点击 选择 新建终端 选项。

5）使用命令输入： node -v (  Node.js 版本在16+ )

6）使用命令输入： npm -v

7）使用命令输入 npm create vue@latest  （需要等待几分钟）

8）请求要创建的vue版本结果，输入 y 回车。

9）输入要创建的项目名称

10）输入： 工程名 。回车后是否使用 TypeScript 语法？选择 是，其他一律 否。（后续用的那些功能可以添加）

11）查看下载的工程文件

12）关闭终端窗口，关闭Visual Studio Code。

13）打开 vue3_vite 文件夹，将vue-project 拖入Visual Studio Code打开。

14）打开终端窗口 输入npm install （需要检查是否在对应的目录）

15）安装报错，首先清除npm缓存 npm cache clean --force 试试看能否解决，或者卸载 Node.js重新下载安装。

16）安装继续报错，这次是 npm error network 系列

 （1）设置代理： npm config set proxy false ，（2）npm缓存清理：npm cache verify，（3）安装：npm install

继续报错，网络地址不全，继续解决

（1）输入：npm config get proxy （查查代理状态）

（2）输入：npm config get npm config get https-proxy （查看代理配置）

（3）关闭代理：npm config set proxy false

（4）老规矩清除缓存：npm cache clean --force

（5）关键的来了，添加源地址：npm config set registry http://registry.npm.taobao.org/

淘宝源（推荐）

$ npm config set registry http://registry.npm.taobao.org/

官方源

$ npm config set registry http://registry.npmjs.org/

$ npm config set registry https://registry.npmjs.org/

cnpm 源

$ npm config set registry https://registry.cnpmjs.org/

如果使用 cnpm，注意是否安装了 cnpm，cnpm 走推荐走的也是淘宝源

$ npm install -g cnpm --registry=https://registry.npm.taobao.org/

（6）npm install （等待，完成安装）

17）运行 npm run dev

vue3 + vite +ts 初始工程（示例）

https://download.csdn.net/download/odogroup/89651384

vue3 + ts 初始工程（示例）

https://download.csdn.net/download/odogroup/89651380