第三十九章 基于VueCli自定义创建项目

目录

[1. 选择创建模式](#1. 选择创建模式)

[2. 选择需要的功能](#2. 选择需要的功能)

[3. 选择历史模式还是哈希模式](#3. 选择历史模式还是哈希模式)

​4.CSS预处理器

[5. 选择ESLint规则](#5. 选择ESLint规则)

[6. 开始创建项目](#6. 开始创建项目)

[​7. 自定义项目最终结构](#7. 自定义项目最终结构)


1. 选择创建模式

输入创建的项目名,创建项目:

这里选择自定义模式:

2. 选择需要的功能

空格键代表选择/取消选择

◉ Babel 语法降级

◯ TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法

◯ Progressive Web App (PWA) Support

◉ Router 路由

◯ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库

◉ CSS Pre-processors CSS 预处理器是一种工具,可以拓展CSS语言,并添加更多的功能和特性

◉ Linter / Formatter 代码规范ESLint

◯ Unit Testing

3. 选择历史模式还是哈希模式

历史模式的话访问路径上 / 代替 #

4.CSS预处理器

这里选择Less

5. 选择ESLint规则

这里选择无分号规则,目前最流行的规范

选择保存时校验:

将配置文件放在单独的文件中:

不将这个功能配置作为将来的项目中:

6. 开始创建项目

7. 自定义项目最终结构

相关推荐
这可不简单2 分钟前
方便易懂的自适应方案---echarts和dom样式大小自适应
前端·vue.js·echarts
LaoZhangAI24 分钟前
2025最全Supabase MCP使用指南:一键连接AI助手与数据库【实战教程】
前端·javascript·后端
Smile_frank35 分钟前
vue-07(高级组件通信模式:provide+inject)
前端·vue.js
江城开朗的豌豆36 分钟前
JavaScript篇:网页加载的玄机:DOMContentLoaded和load到底差在哪?
前端·javascript·面试
Smile_frank39 分钟前
vue-08(使用slot进行灵活的组件渲染)
前端·vue.js
小公主40 分钟前
别再用 map(parseInt),我也是最近才发现问题出在哪
javascript
Huazi42 分钟前
利用 Scriptable 实现iOS 小组件实时查看网站访问数据
javascript
小猪Passion42 分钟前
🔥🔥🔥浅谈JavaScript闭包
前端·javascript·面试
xiaominlaopodaren1 小时前
Three.js 教程:夜晚城市窗户发光的实现原理
前端·javascript
TimelessHaze1 小时前
为什么你总抢到几分钱?揭秘大厂常考的微信红包算法
前端·javascript·面试