「这是我参与2022首次更文挑战的第5天，活动详情查看：2022首次更文挑战」。
1.脚手架的好处：
开箱即用，零配置
vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。
使用脚手架的前提条件： 确保[node]环境：安装vue-cli需要在node环境下安装，所以首先确保自己安装了node，检查自己>电脑是否安装了node ,可以在命令行工具内执行： node -v，如下图，如果出现相应的版本号信息，说明安装了node
##2.使用脚手架的具体步骤：
(1).全局安装@vue/cli
全局安装：yarn global add @vue/cli
移除：yarn global remove @vue/cli
查看：vue -V
npm安装：npm install -g @vue/cli
(2).创建项目：vue create 项目名
不能大写，不能数字开头，特殊字符
(3).切换到你创建的项目: cd 项目名
(4).启动项目
yarn：yarn serve
npm：npm run serve
注意点：
（1）如果下载缓慢，请配置npm淘宝镜像
npm config set registry registry.npm.taobao.org
##2.手动安装vue-cli
步骤：
(1).vue create 项目名称
(2).选择Manually select features
(3).手动选择要安装的功能
(4).手动选择要安装的版本
(5).是否使用 history 模式的路由（建议输入 n）
(6).选择要使用的 CSS 预处理器（建议选择 Less）
(7).选择要使用的 CSS 预处理器（建议选择 Less）
(8).选择额外的 lint 功能（建议选择 Lint on save，在 Ctrl + S 的时候检测代码是否符合规范） (9).选择额外的 lint 功能（建议选择 Lint on save，在 Ctrl + S 的时候检测代码是否符合规范） (10).是否把刚才所有的操作保存为预设，方便下次直接基于预设，一键生成项目（建议输入 y）
(11).为预设选一个好记的名字。
项目入口和各文件之间的关系
main.js里面的内容和index.html的关系
App.vue-->main.js-->index.html
##3. 自定义配置
创建vue.config.js
(1).改端口：
(2).暂时关闭eslint检查：
改变之后一定要重启 yarn serve
