美文网首页前端Vue专辑Vue.js
【Vuejs】一步步的看vue-cli4

【Vuejs】一步步的看vue-cli4

作者: 程序员佩奇 | 来源:发表于2021-01-16 17:08 被阅读0次

    什么是vue-cli?vue-cli用来干什么的,为什么会有这个东西呢?


    什么是vue-cli

    - 大部分的文章一般上来就交给你如何使用vue-cli搭建一个vue项目,或者快速开发vue项目,但是并没有解释vue-cli是个什么东西,做什么用的,那么我就来讲一下vue-cli到底是个什么东西?

    - 第一我们先从单词上来看,vue-cli:vue其实就是我们尤大神开发出的一套前端框架,那么cli是什么呢,翻译成中文是“命令行界面”,说简单点我们用的window窗口中“cmd”命令窗口,注意,CLI不是“脚手架”的英文简称,而是command-line interface的英文简称。Vue CLI 是一个 Vue.js 快速开发的完整系统(或者俗称为:命令行工具),它所具有的一项功能是:

    为单页面应用快速搭建 (SPA) 繁杂的脚手架。

    大家肯定都听这个vue-cli叫做vue脚手架,那么脚手架是什么东西呢?下面看张图,大家都明白了,并且大家都常见

    没错就是大家看到的,我们建筑工地这个架子就是脚手架,那么很明显,这个脚手架就是用来我们在建造房子也就是建造我们代码的时候用来支撑我们建造房子的,是不是明白了呢

    为什么用这个vue-cli


    - 前面刚刚介绍完webpack应该会有所了解,由于我们针对特殊语法或者更高级的e6,es7或者像vue这种语言需要进行代码编译解析成浏览器认识的js代码,才可以进行正常展示,所以呢,我们可以通过webpack去处理vue相关的代码,进行打包加载

    - 通过webpack就可以,为什么用vue-cli呢,原因很简单,尤大神帮我们配置好了一些webpack里面很多复杂的配置项,比如laoder,打包js,css相关优化,让我们可以不用管webpack具体的优化配置,可以直接进行开发,大神就是大神,方便你我他,真的好是不是,当然如果初学vue的话我建议用引入的方式来学习,不要直接使用cli,除非你懂webpack,好啦,下一步就要介绍vue-cli里面有哪些东西咯

    相关文章

      网友评论

        本文标题:【Vuejs】一步步的看vue-cli4

        本文链接:https://www.haomeiwen.com/subject/ndgnaktx.html