这是我参与11月更文挑战的第4天，活动详情查看：2021最后一次更文挑战。
1.sfc上篇文章说过包括单文件页面及用途
2.今天来说下脚手架，vue-cli
why：为什么要用到这个脚手架
reason：我们在一个html页面中没办法访问到vue页面，因为在html文件中，由三部分组成：css js 标签组成功，没办法直接读取自定义的vue组件，所以这时候需要js来转化。这时候，可能学过webpack的同学，能知道webpack可以达到这个目的，但是webpack的复杂，不能快速地去解决这个问题。这个时候vue-cli就很好地解决这个问题了。它只需要简单的两行命令就可以实现效果。
how：怎么做呢：代码：npm install vue-cli -g，（用于没有安装过的用户，这是全局安装，已安装可以忽略）
用法：这时候可以通过脚手架进行项目创建等
3.项目创建成功，一般会看package.json里面的配置，serve一般等于npm run;build是打包，
引申一：可以通过安装serve可以在本地来看打包后的dist文件在后端部署的后果，做法：
1全局安装`http-server`： npm install -g http-server
2：打开dist文件夹
3：输入指令 serve
在控制板上如果有输出serve: Running on port 5000,即服务已经启动，端口号为5000进而查看就 可以了
引申二：可以通过vue-cli安装ui，可视化界面创建项目，在浏览器操作查看打包和查看项目等
做法：是利用GUI创建项目。在命令提示符里面输入`vue ui`自动进入可视化界面。
点击“创建”，选择创建项目地址：
4.开发思想：
a.迭代思想：先开发最基础的功能，然后逐步扩展其功能
b.tasking :1)输入一个todo，按下回车可以添加一个todo
2)删除 一个todo
3)完成一个todo
c.步骤 1)构建视图
2)确定数据结构
3)编写交互逻辑
好啦，今日学习已完毕~~
