作为资深的App开发者,可能谈Web前端有些不合适,但是作为移动开发者,还是有必要了解一些新的技术。随着CSS3和HTML5的流行,Web页面越来越炫,目前流行的Web前端框架有很多,Bootstrap毫无疑问是目前最火的。Bootstrap来自 Twitter, 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
学习前端开发,需要一些工具准备,首先我采用Sublime Text3作为开发工具,并安装Emmet代码生成插件。
第一步:大家可以在官网http://www.sublimetext.com/3下载Sublime Text3的最新版本,安装即可。
![](https://i-blog.csdnimg.cn/blog_migrate/10111852f385a10805145bc539372951.webp?x-image-process=image/format,png)
第二步:如果已经打开Sublime text 3,请关闭。
(1)下载sublime_package_control-master.zip,地址为:http://files.cnblogs.com/tinyphp/sublime_package_control-master.zip,解压命名文件夹为Package Control。
![](https://i-blog.csdnimg.cn/blog_migrate/92aaee5f39bb6b27837efc896250795c.webp?x-image-process=image/format,png)
(2)下载sublime_package_control-python3.zip,地址为:http://files.cnblogs.com/tinyphp/sublime_package_control-python3.zip,解压后将内部的Package Control覆盖到上一步的Package Control中。
(3)打开Sublime Text 3,选择菜单:Preference-->Browse Package,将Package Control放到该目录下,然后重启 Sublime text 3。
![](https://i-blog.csdnimg.cn/blog_migrate/7bc735ea2e3bf9eefdfce479540767ea.webp?x-image-process=image/format,png)
![](https://i-blog.csdnimg.cn/blog_migrate/e610bc977e73007b58b7c1ce86b16e1a.webp?x-image-process=image/format,png)
(4)重启 Sublime text 3后,在Preference下多了Package Settings和Package Control两个目录,说明Package Control安装完成。
![](https://i-blog.csdnimg.cn/blog_migrate/97eb6d2f23d4f1cf637f90c94b37d8b5.webp?x-image-process=image/format,png)
(5)选择Package Control,然后在如下图中选择Install Package,会提示在安装Package。
![](https://i-blog.csdnimg.cn/blog_migrate/fe5179302388fb29609c8ab3f0a929a9.webp?x-image-process=image/format,png)
之后弹出下面的对话框,输入emmet
![](https://i-blog.csdnimg.cn/blog_migrate/e4299cbe09df2b0ab34fec6011645748.webp?x-image-process=image/format,png)
选择Emmet进行安装即可。
![](https://i-blog.csdnimg.cn/blog_migrate/775624853f0ef1dc5e862b10fda1ba14.webp?x-image-process=image/format,png)
如果您对我的文章感兴趣,请关注我的公众号,希望在互联网的道路上我们并肩前行。
![](https://i-blog.csdnimg.cn/blog_migrate/49f56cac346061467c61b85ddab29054.webp?x-image-process=image/format,png)