bootstrap4前端框架学习记录【持续更新】快速开始

Sublime Text3

首先是编辑器，编辑器是用来coding的～所以说比较重要，一款好用的编辑器会提升你的coding的热情。这边推荐使用的是Sublime Text3。
此编辑器的优点为：

• windows和mac都可以使用
• 支持许多语言（例如汇编x86、c++、python、rush等）
• 文件小，易于安装，并且免费
• 有许多实用功能，程序员的福音～

下载地址：

https://www.sublimetext.com/3

命令行工具

对于windows用户来说，推荐下载完整版的cmder,然后去新建一个bash类型的命令行窗口。
对于mac与linux用户来说，直接用终端即可。
命令行在后面的项目创建过程中又非常重要的作用，许多工具都需要通过命令行来下载！！！

npm & yarn

这两个东西属于包管理工具。可以在百度搜索如何下载这两款工具。之所以下载他们，是因为在学习bootstrap框架的过程中，我们需要导入各种包并且下载各种工具来进行编程。但是由于包与包之间的版本限制还有工具的下载源，我们建议使用npm & yarn来实现包的自动管理和工具的添加。避免你踩坑～

1. 在桌面创建一个目录，命名随意。
   
2. 然后在sublime里面打开这个目录
   
3. 通过sublime，在此目录下创建一个html文件，命名为index.html(名字取什么无所谓，后缀不能改)
   
   因为我之前已经实现过了使用bootstrap框架，所以除了index.html还有一些其他的文件，这些文件应该在这一步是没有的。见谅～
4. 在html文件里面引入外部样式表和脚本文件(这个过程就是导入bootstrap包)
   
5. 打开命令行，cd到你的当前项目位置
6. 输入yarn init -y，回车
7. 继续输入yarn add browser-sync（这个工具可以为项目创建本地的服务器，从而使得你的代码可以在本地跑出来。更重要的是这个工具的优点为，你的每一次代码的修改保存，都能够实时在网页表现出来）
8. 然后打开sublime，此时你会发现你的项目文件夹下面已经多出了一个package.json文件，这个文件就是通过browser-sync工具创建的。
9. 打开此文件，然后进行如下图所示的修改,添加一个scripts的json字段,并且保存文件。
   
10. 然后再打开命令行，输入yarn start，运行成功。说明你已经部署好了配置，可以开始参考bootstrap官方文档或者教程来进行编程啦！