第三十九章 基于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 天前
别再让JS耽误你进步了。
css·vue.js
@yanyu6662 天前
07-引入element布局及spring boot完善后端
javascript·vue.js·spring boot
王霸天2 天前
💥别再抄网上的Scale缩放代码了!50行源码教你写一个永不翻车的大屏适配
前端·vue.js·数据可视化
@大迁世界2 天前
2026年React大洗牌:React Hooks 将迎来重大升级
前端·javascript·react.js·前端框架·ecmascript
悟空瞎说2 天前
深入 Vue3 响应式:为什么有的要加.value,有的不用?从设计到源码彻底讲透
前端·vue.js
风止何安啊2 天前
为什么要有 TypeScript?让 JS 告别 “薛定谔的 Bug”
前端·javascript·面试
海天鹰2 天前
SOC架构
javascript
前进的李工2 天前
MySQL角色管理:权限控制全攻略
前端·javascript·数据库·mysql
NPE~2 天前
[App逆向]环境搭建下篇 — — 逆向源码+hook实战
android·javascript·python·教程·逆向·hook·逆向分析
洒满阳光的庄园2 天前
Electron 桌面端打包流程说明
前端·javascript·electron