vue学习笔记 vue cli4.5 创建项目

最新推荐文章于 2024-04-27 22:47:16 发布

原创最新推荐文章于 2024-04-27 22:47:16 发布 · 1.7k 阅读

3 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了在创建Vue项目时手动配置Vue CLI的选项，包括是否使用class-style组件语法，是否使用Babel配合TypeScript，以及是否启用Vue Router的history模式。选择历史模式需要服务器配置，否则默认选n即可。此外，还讨论了代码规则检测的时机，以及测试框架Mocha和Jest的选择。最后，提到了配置文件的存放位置。

vue create vuetest2

在这里插入图片描述
Manually select features
手动配置

Use class-style component syntax? (Y/n)
是否使用class风格的组件语法？

在这里插入图片描述
Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)?
使用 babel 工具自动为转换后的 TypeScript 代码注入 polyfiills

在这里插入图片描述
Use history mode for router? (Requires proper server setup for index fallback in production)
是不是用history模式来创建路由

Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由（通过调用浏览器提供的接口）。
建议选n。这样打包出来丢到服务器上可以直接使用了，后期要用的话，也可以自己再开起来。
选yes的话需要服务器那边再进行设置。
在这里插入图片描述

参考: dart-sass与node-sass介绍.

在这里插入图片描述

选择什么时候进行代码规则检测
Pick additional lint features？
Lint on save // 保存就检测
Lint and fix on commit // fix和commit时候检查

在这里插入图片描述

Mocha + Chai // mocha灵活,只提供简单的测试结构，如果需要其他功能需要添加其他库/插件完成。必须在全局环境中安装
Jest //安装配置简单，容易上手。内置Istanbul，可以查看到测试覆盖率，相较于Mocha:配置简洁、测试代码简洁、易于和babel集成、内置丰富的expect

在这里插入图片描述