今天首先从前端开始，搭建vue3.0项目，直接参照官网进行：
安装教程：https://v3.cn.vuejs.org/guide/installation.html
官方文档上介绍有三种引用vue.js的方式：
- 在页面上以 CDN 包的形式导入。
- 使用 npm 安装它。
- 使用官方的 CLI 来构建一个项目，它为现代前端工作流程提供了功能齐备的构建设置 (例如，热重载、保存时的提示等等)。
这里就不去搬运官网的内容了，反正都是中文，自行点击上面的链接进入官网教程，都可以很清楚地看懂，有不明白的可以私信一起交流交流。下面我使用Vite工具来创建项目，Vite是尤大大又一力作，是一种新型的前端构建工具，可显着改善前端开发体验。
首先在电脑上创建一个目录，存放vue项目，直接文件路径中输入cmd，按Enter键
$ npm init @vitejs/app test01
$ cd test01
$ npm install
$ npm run dev直接执行报错：
1error code ENOLOCAL
error Could not install from "Files\nodejs\node_cache\_npx\18016" as it does not contain a package.json file.
先在网上查了查答案：大多数是说node路径带有空格(D:\Program Files确实带有空格)
直接执行：(目录名称可自行定义，执行完之后会发现D盘下多了文件夹Program~1)
npm config set cache "D:\Program~1\nodejs\node_modules\npm\node_cache"--global执行完之后，确实是可以的，进入选择项目模板界面(按上下选择)
这里我选择的是vue项目模板，创建完项目，本地目录将按照模板生成如下文件：
切换到项目目录(cd test01)，安装依赖(npm install)，运行项目(npm run dev):
出错了，求助度娘之后，有些人说是NodeJs版本低了，查了下(node -v)，我电脑上当前版本为：10.15.3，这是很早之前安装的版本，我们来升级下
直接到官网下载windows安装包即可(http://nodejs.cn/download/)，我下载的是node-v14.16.0-x64.msi，直接双击运行，一直下一步下一步到安装完成。
再次运行：npm run dev，发现项目启动成功了
在浏览器中启动：http://192.168.56.1:3000/
至此，vue项目从创建到运行就启动起来了，下一篇将进入如何用vs code来进行vue项目开发。
