Vue学习笔记:Vue CLI 3的学习

定义

Vue CLI官方定义:Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供诸多功能。例如:通过 @vue/cli 搭建交互式的项目脚手架;通 @vue/cli + @vue/cli-service-global快速开始零配置原型开发;一个丰富的官方插件集合,集成了前端生态中最好的工具

 组成

Vue CLI有几个独立的部分组成,包含多个单独的包:

CLI(@vue/cli)是一个全局安装的npm包,提供了终端里的vue命令

CLI服务(@vue/cli-service)是一个开发环境依赖。它是一个npm包,局部安装在每个@vue/cli创建的项目中

CLI插件 是向你的Vue项目提供可选功能的npm包,例如 Babel/TypeScript 转译、ESLint 集成、单元测试和 end-to-end 测试等,Vue CLI插件的名字以@vue/cli-plugin-(内建插件)或vue-cli-plugin-(社区插件)开头,非常容易使用

安装

首先需要安装 nodejs 然后使用 npm 包管理工具

npm install -g @vue/cli

可以通过 vue --version 来检查版本

常用命令

创建一个新项目

vue create hello-world

 如果在windows上通过minTTY使用Git Bash,交互提示符并不工作。需要用如下命令

winpty vue.cmd create hello-world

参考:

https://cli.vuejs.org/guide/

猜你喜欢

转载自www.cnblogs.com/colin220/p/9451224.html