第1节：vue3开发前准备
（1）需要安装nodeJs版本16.0或以上版本
以下是2023年6月30日官方文档截图
（2）查看你的电脑里node版本
通过cmd命令查看 node -v查看是否大于等于16
（3） 创建vue项目
注意：vue项目的命名不能用大写字母，只能小写字母，创建的项目名会以文件夹的方式呈现
创建命令：cmd进入到要创建项目的目录，然后执行 npm init vue@latest ，这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。通过latest可创建最新的脚手架版本。
命令行截图，回车后会让你输入项目名称：
本次示例用vue-demo，不可大写。输入vue-demo后回车
后续让我们选择，这里我先全选No，后续项目根据我们学的内容再增加
到这里项目创建成功。
（4）输入 cd vue-demo，进入到项目，然后执行npm install进行安装
（5）安装成功，启动项目npm run dev
打开项目地址，项目运行成功
（6）项目打包 和部署
项目目录下，使用npm run build 命令打包
打开项目的dist文件夹，将文件内容拷贝到nginx的html文件夹里
启动nginx
打开nginx的配置文件nginx.conf，查看nginx端口
打开项目部署地址
（7）开发环境
官方推荐的 IDE 配置是 Visual Studio Code + Volar 扩展
我们项目采用vue3，安装Volar扩展插件
手工安装Volar扩展插件
（8）Vue项目目录结构
第1节：vue3开发前准备更多相关文章
JavaScript CSS Vue3 实现一个简单的Loading
配置和使用nvm免安装版本(nvm-noinstall.zip)
HarmonyOS：使用Node-API实现ArkTS与C/C++跨语言交互
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (一)：项目简介及安装依赖
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (四)：状态码的使用
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (五)：POST上传文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (六)：token的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (七)：MongoDB的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (三)：Cors的设置及.env文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (二)：项目文件夹架构及路由的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (八)：API说明(暂时完结，后续考虑将在线版mongoDB变为本地版)
报error:0308010C:digital envelope routines::unsupported错--nodejs版本过高(nvm安装(更换)不同版本nodejs)
小结---安装nvm解决node版本不兼容的问题（node版本切换）