vue-cli脚手架的安装和使用

vue-cli的安装

npm install -g @vue/cli 全局安装vue-cli
vue -V 查看脚手架版本

vue-cli的使用

vue create demo1 使用脚手架创建项目,项目名demo1
默认选择vue3（建议）。如果选择第三种，也就是自定义方式，可以自定义需要安装的组件，最后会建立一个以项目名称命名的模板。下次再次创建项目时会多出这个选项。
cd demo1 进入demo1的文件夹
npm run serve 运行demo1项目
npm run build 编译demo1项目
在这里插入图片描述

打开项目中的package.json文件可以看到节点scripts中有serve和build两个节点，这两个节点对应的值就是执行的语句。
也就是执行npm run serve 就相当于执行了vue-cli-service serve。
当然也可以自定义其他的命令，比如上图中的ccc和ddd，相应的就是npm run ccc = cls
scripts中的命令只能在项目所在路径下执行，在其他路径执行无效。

也可以使用vue ui打开浏览器操作界面，个人不太推荐。