首页 > 其他 > 详细

Vue生态圈之----Vue CLI3学习整理----创建项目选项说明

时间:2020-07-27 17:43:25      阅读:127      评论:0      收藏:0      [点我收藏+]
vue create [项目名称]

 提示选择一个preset(预置项),或自定义:

技术分享图片

选择自定义选项:

技术分享图片

全选,看看都有什么?

技术分享图片

是否使用class风格的组件语法?Y

技术分享图片

是否使用Babel为TypeScript做转义?Y

技术分享图片

路由是否使用History模式?Y

技术分享图片

选择一种CSS预处理:Less (如果安装Sass/SCSS,需要本地预先安装python)

技术分享图片

选择一种TypeScript格式化规范类型:ESLint + Prettier

技术分享图片

保存时检测 还是 提交时检测并修复:Lint on save

技术分享图片

选择一种单元测试方案:Jest

技术分享图片

选择一种E2E(端对端)测试方案:Cypress(只在Chrome浏览器上测试)

技术分享图片

将以上配置存放到哪里?In dedicated config files (单独文件中)

技术分享图片

是否保存为preset(预设项,以后可以使用的,就不用像这样再一步一步来):Y

 技术分享图片

保存preset为(给预置项个名字):All

之后系统自动安装项目并生成preset(预置项)

技术分享图片

技术分享图片

在 home 目录下的一个json文件,是@vue/cli 的全局配置,可以使用 vue config 命令来审查或修改全局的 CLI 配置

技术分享图片

项目目录结构:

技术分享图片

可以看到项目是使用TypeScript编写,如果想使用JavaScript编辑,在安装选项时不选择TypeScript即可。

 

Vue生态圈之----Vue CLI3学习整理----创建项目选项说明

原文:https://www.cnblogs.com/adhehe/p/13385030.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!