使用vue ui命令创建vue项目

使用vue ui创建项目时的几个选项

1、什么是vue ui

vue3相比vue2多了一个创建项目的方式,那就是使用vue ui的命令方式创建项目。vue ui的实质就是使用vue官方图形化项目管理工具

2、如何使用vue ui创建vue项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

或者直接选择第二个使用vue3的默认选项,我在这里介绍手动配置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.1 使用vue ui创建项目时的几个选项

Choose Vue version 选择vue版本

Babael 选择是否支持旧版本js

TypeScript 选择是否支持TypeScript(TypeScript是JavaScript的超集,因为JavaScript没有数据类型,在大型前端项目中,容易因为这个问题出现错误。所以出现了TypeScript,typeScript创新点在于有了数据类型,减少了出错的可能性。typescript在编译时会转换为javascript)

Router 选择是否引入vue的路由管理(如果涉及到多个组件之前的跳转,就使用。如果你只是写主组件,用来练习一些基础语法,没有必要使用)

CSS Pre-processors 选择是否引入less、sass、stylus

Linter/Formatter 选择是否引入eslint或者Prettiter对代码进行检测

Progressive Web App(PWA) Support 选择引入vue cli(脚手架,即是对vue插件进行管理,我推荐用)

Vuex 状态管理(对整个项目的各个组件的值进行全局管理,如果项目不大,就没必要使用)

Unit Test 添加单元测试(针对某一个函数进行测试)

E2E Testing 端对端测试(模拟完整测试环境,前后端进行交互,我还没用过)

使用配置文件 使用之前配置好的文件(具体使用,我还没用过)


版权声明:本文为qq_46657663原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。