介绍
Vue-cli 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件:
cli :@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令)
cli 服务:@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上(提供 如:serve、build 和 inspect 命令)
cli 插件:给Vue 项目提供可选功能的 npm 包 (如: Babel/TypeScript 转译、ESLint 集成、unit和 e2e测试 等)
安装相关的依赖
- 检查node的版本信息,Vue CLI 3需要 nodeJs ≥ 8.9 ,官方推荐 8.11.0+,你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本
- 安装@vue/cli,Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli
创建一个vue3的项目
-
进入文件夹输入vue3的创建命令
vue create <Project Name>
-
手动配置,根据你需要用方向上下键选择(按 “空格键”选择/取消选择,A键全选/取消全选,I键进行反选)对应功能。
上面选项的解释TypeScript // JavaScript的一个超集 //(添加了可选的静态类型和基于类的面向对象编程: //类型批注和编译时类型检查、类、接口、模块、 //lambda 函数) Progressive Web App (PWA) Support // 渐进式Web应用程序 Router // vue-router(vue路由) Vuex // vuex(vue的状态管理模式) CSS Pre-processors // CSS 预处理器(如:less、sass) Linter / Formatter // 代码风格检查和格式化(如:ESlint) Unit Testing // 单元测试(unit tests) E2E Testing // e2e(end to end) 测试
-
创建文件成功