从零搭建vue3项目（一）准备环境到使用vite初始化项目

开发环境准备

一.安装node.js环境

node.js中文官网：https://nodejs.org/zh-cn/

1.选择稳定版本下载

2.安装一直next就可以（同意协议，选择安装位置）

。。。

3.校验安装结果

在cmd命令窗口中输入指令查看对应版本

# 查看node版本
$ node -v
# 查看npm版本
$ npm -v
# 安装一个cnpm
$ npm install cnpm -g --registry=https://registry.npm.taobao.org

二、安装vue.js

vue3官网：https://v3.cn.vuejs.org/

1.在页面上以 CDN 包的形式导入

2.下载 JavaScript 文件并自行托管

3.使用 npm 安装它

4.使用官方的 CLI 来构建一个项目

# 全局安装vue-cli
$ cnpm install -g @vue/cli
# 查看版本
$ vue -V

三、使用 vite 构建 vue 项目

1.创建一个文件夹用于存放项目

2.使用指令vite创建vue3项目

# 创建vite项目，选择vue -> 选择vue-ts
$ npm init @vitejs/app myProject
# 进入项目
$ cd myProject
# 安装依赖
$ npm install
# 启动项目
$ npm run dev

到此，一个使用vite创建的vue3项目被成功启动！！！