学习vue已经一星期了,感觉完全颠覆了之前对前端的看法。之前只是觉得前端工作不过是将页面写好后,丢给后端人员填数据,工作量还是蛮轻的,现在的工作是要前端工程化,与后端分离,你是你,我是我,咋们彼此无关。前端弄好了,就是一个项目,用mock测试以下,就是一个工程,可以说用不着后端。哈哈,但是工作量也多起来了,要打包,要优化。之前js,jq是对dom进行操作,现在的vue项目是对数据进行操作,我老是喜欢直接操作dom。以前的html,现在只有一个,vue给我们的vue文件中,还分了三大模块,template、script和style。
我们不妨看看类似的一些成熟方案,比如Eclipse。这个大名鼎鼎的IDE软件被很多Java和Android开发者使用。通过Eclipse创建一个新项目时,它提供了丰富的配置项,这些配置项可以归纳简化为以下流程:选择项目类型 -> 选择项目目录 -> 配置项目细节 -> 最终确认 -> 完成。这是脚手架最基本也是必须具备的流程。从这个流程中可以总结出脚手架的本质:方案的封装。
脚手架作用是创建项目的初始文件,本质是方案的封装,vue脚手架作用是创建项目的初始文件,本质是方案的封装,下载你所选择的方案的项目初始文件,所以视频里的大哥说的让人误解,以为命令行创建的项目本身就是一个脚手架项目,其实他和脚手架半毛关系没有,就是脚手架创建的一个前端初始项目,我当初误以为创建的前端项目是一个脚手架,没接触过前端项目的同学不要被“脚手架项目”五个字概念混淆。
接下来说说webpack:现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。这些开发的文件往往需要进行额外的处理才能让浏览器识别,而手动处理又是非常繁琐的,为了简化开发的复杂度,使用Webpack工具,所以WebPack可以看做是模块打包机。作用就是打包模块给浏览器使用。
|
|