使用vue3 脚手架创建项目

1.创建项目  并 运行

1.1 创建项目

vue create abcd

1.2 运行 

创建好项目后，命令行会提示你运行项目

npm run serve

2.介绍各个目录

node_modules  : 项目依赖包，其中包括很多基础依赖，自己也可以根据需要安装其他依赖

assets文件夹：存放项目中用到的静态资源文件。例如：css样式表，图片资源等等。

components文件夹：程序员封装的一些，可复用的组件，都要封装到components目录下。

main.js文件: 项目的入口文件，整个项目的运行，要先执行main.js。

App.vue文件:是项目的根组件。我们浏览器上看到的页面结构就是App.vue里面所呈现出来的。

public 存放静态资源，放在public目录下的资源会被直接复制，不会经过webpack的打包处理, 任何放置在 public 文件夹的静态资源都会被简单的复制，而不经过 webpack。你需要通过绝对路径来引用它们。