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

vue create vuetest2

vue学习笔记 vue cli4.5 创建项目_第1张图片
Manually select features
手动配置
vue学习笔记 vue cli4.5 创建项目_第2张图片vue学习笔记 vue cli4.5 创建项目_第3张图片
vue学习笔记 vue cli4.5 创建项目_第4张图片
Use class-style component syntax? (Y/n)
是否使用class风格的组件语法?

vue学习笔记 vue cli4.5 创建项目_第5张图片
Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)?
使用 babel 工具自动为转换后的 TypeScript 代码注入 polyfiills

vue学习笔记 vue cli4.5 创建项目_第6张图片
Use history mode for router? (Requires proper server setup for index fallback in production)
是不是用history模式来创建路由

Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由(通过调用浏览器提供的接口)。
建议选n。这样打包出来丢到服务器上可以直接使用了,后期要用的话,也可以自己再开起来。
选yes的话需要服务器那边再进行设置。
vue学习笔记 vue cli4.5 创建项目_第7张图片

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

vue学习笔记 vue cli4.5 创建项目_第8张图片

vue学习笔记 vue cli4.5 创建项目_第9张图片

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

vue学习笔记 vue cli4.5 创建项目_第10张图片

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

vue学习笔记 vue cli4.5 创建项目_第11张图片

Cypress E2E功能测试框架

vue学习笔记 vue cli4.5 创建项目_第12张图片

In dedicated config files // 独立文件放置
In package.json // 放package.json里

vue学习笔记 vue cli4.5 创建项目_第13张图片

是否保存当前配置

vue学习笔记 vue cli4.5 创建项目_第14张图片
vue学习笔记 vue cli4.5 创建项目_第15张图片

cd vuetest2
npm run serve

你可能感兴趣的:(Vue)