前言：
前端项目需要工程化管理，可以使用Vue脚手架工具简化项目创建过程；专注于代码，不用关心项目创建和配置细节。
一、Vue脚手架工具
官网：https://cli.vuejs.org/zh/
用于快速生成 Vue 项目基础架构；
1、安装 vue-cli
在支持npm环境下，win端cmd命令：npm install -g @vue/cli
（-g 代表全局安装，如果不加 -g ，会在当前目录安装）
2、安装后验证环境：vue --version
二、命令行方式创建Vue项目
执行命令：vue create project_name（工程名不能包含中文）
三、图形化界面方式创建Vue项目
先命令开启前端项目管理页面：vue ui
选择目录和项目名称，使用npm包管理工具
四、Vue项目结构
- node_module：依赖库
- public：静态资源
- src：组件源码
- assets：资源（图片）
- components：存放公共组件的地方
- App.vue：根组件
- main.js：项目入口
- package-lock.json：依赖的详细信息
- package.json：包依赖文件
笔记2023-3-30
