vue-cli

介绍

详情请跳转 官方网站链接

vue-cli是构建vue单页应用的脚手架，命令行输入vue init <template-name> <project-name>从而自动生成的项目模板，比较常用的模板有webpack、webpack-simple、browserify等模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，能够免除搭建项目时所花费的时间。后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要。

vue-cli安装

npm install vue-cli -g
这个命令安装的是3.0以下版本

vue-cli的版本查看
vue -V

vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的
npm install @vue/cli -g

如果原来已经安装了vue-cli的话需要先卸载原来的安装
npm uninstall vue-cli -g

初始化项目

使用命令行
vue create <project name>
根据提示完成安装

下面使用命令行vue create test5创建了一个名为test5的项目

image.png