vue-cli到底是什么

脚手架顾名思义就是搭建工程的一个工具,脚手架有很多,vue-cli是其中的一种。用来帮助快速的搭建vue的开发环境。

我们可以想象自己不是在搭建开发环境,而是在做ppt。做ppt之前从头开始设定动画交互背景颜色字体大小排版等东西太烦了,因此我们可以选一个现成的模,直接在现成的模板上进行修改。

假设我们选择了一个包含了 webpack动画的模板(这里假设webpack是模板里的一个动画)点击确定然后我们就做的ppt就自动应用了这个模板。我们可以在这个模板上进行制作了,而不用从头开始。这样就节省了搭建项目的时间,把精力集中到具体的内容制作上去

对应上面的制作ppt来解释vue-cli的话: 让你选择模板的功能其实就是cli的功能, 你通过使用不同的命令来初始化你的项目(比如你提到到vue init webpack myproject), 就是选择不同的模板; 至于webpack其实是你选择的模板里面包含了webpack这个包;这个webpack跟模板其实没有关联, 就算你没有安装vue-cli, 你也可以直接用npm安装webpack;

npm是nodejs包管理器, 它会读取文件夹内部的package.json文件, 检查当前的项目需要哪些nodejs包来构成然后进行安装; vue init webpack这个命令选择的模板内部的package.json包含了webpack这个依赖包, 所以你使用 vue init webpack myprojec初始化你的项目之后, 再使用npm install, npm就会根据你项目的依赖自动给你安装webpack;

vue是一个前端框架包, 是你的项目代码构成, 它不包含开发工具的作用, 跟你使用的vue init xxx命令没有任何关系;

真正包含vue脚手架(也就是帮助你快速搭建vue开发环境的工具)功能的安装包是vue-cli, 你只有在全局安装vue-cli(npm install -g vue-cli), 你才能使用vue init命令, 安装vue是无法使用vue命令的, vue-cli也不会参与你的代码组成;

Logo

前往低代码交流专区

更多推荐