Vue3学习（一）-搭建环境

        初次学习Vue3，将本次搭建用户后台管理项目的过程记录下来，以此激励自己。在写这个项目之前，由于对vue的知识了解的不够充分，再加上电脑安装了多个版本的node，npm环境的配置出了一些问题，在搭建项目时表示为，下载多个包如webpack webpack-cli 等 明明已经下载完毕，但是项目运行期间或者隔一段时间不启动项目，就会报无法识别webpack，需要安装webpack-cli，但是按照提示安装之后也不起作用。解决办法是，完全卸载电脑上的node，重新配置node环境变量，更换npm的下载镜像，最后成功解决了之前爆出的一系列bug。

---

使用vite搭建工程化的vue项目

1、安装vite项目

npm create vite@latest 

• Vue3已弃用包 @vitejs/create-app

2、进入项目目录，并初始化项目

cd myapp
npm install

3、编译项目

npm run dev

vue项目的目录结构

1. node_modules 存放第三方依赖包

2. public放公共的静态资源

3. src项目的源代码目录

4. index.html是SPA单页项目应用程序中唯一的一个HTML页面

5. package.json是项目的包管理配置文件。

4、删除components文件夹中的HelloWorld.vue文件，打开App.vue文件，开启新的项目之旅。