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

目录

1. 选择创建模式

2. 选择需要的功能

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

​4.CSS预处理器

5. 选择ESLint规则

6. 开始创建项目 

​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. 自定义项目最终结构

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/59058.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Vue3】基础语法案例

图片点击轮播 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><title>图片轮播</title> </head><body><div id"app"><h3>{{ number }}</h3><!-- 通过模板字…

16.useForm

在 React 应用中,处理表单状态是一个常见但有时复杂的任务。每个表单字段通常需要自己的状态和更新逻辑,这可能导致代码重复和难以维护。useForm 钩子提供了一种简洁的方法来管理整个表单的状态,大大简化了表单处理过程。这个自定义钩子不仅减少了样板代码,还提高了表单处理…

CentOS8.4 部署 k8s 1.31.2

文章目录 配置 aliyun 源配置时间同步查看 安装 docker下载一些必备工具配置 aliyun 的源更新源删除旧的 podman安装 docker设置开机启动 配置 hosts 表多主机协同可以不写 关闭 swap 分区配置 iptables配置 k8s 源初始化 master 节点初始化 node 节点 查看集群状态 [!warning]…

【大数据学习 | kafka高级部分】kafka的kraft集群

首先我们分析一下zookeeper在kafka中的作用 zookeeper可以实现controller的选举&#xff0c;并且记录topic和partition的元数据信息&#xff0c;帮助多个broker同步数据信息。 在新版本中的kraft模式中可以这个管理和选举可以用kafka自己完成&#xff0c;而不再依赖zookeeper。…

CTF-WEB:php函数杂记(手册)持续更新

exif_imagetype() exif_imagetype 是 PHP 中的一个函数&#xff0c;用于判断图像文件的类型。它通过读取图像文件的前几个字节来推断文件类型&#xff0c;而无需依赖文件扩展名。这在处理文件上传时特别有用&#xff0c;因为文件扩展名可能会被伪造。 函数原型 exif_imagety…

生物发酵装备在制药工业中的应用与发展前景

在现代制药工业中&#xff0c;发酵技术扮演着越来越重要的角色。发酵设备&#xff0c;作为这一技术的核心&#xff0c;不仅促进了抗生素、疫苗和生物药物的生产&#xff0c;还为酶的生物合成提供了必要的条件。 发酵技术是指人们利用微生物的发酵作用&#xff0c;通过一系列的…

linux部分问题以及解决方式

目录 1.ubuntu桌面不显示了&#xff0c;只有命令行1.1启动gdm3服务1.2安装lightdm桌面管理包 1.ubuntu桌面不显示了&#xff0c;只有命令行 有如下两种解决方式。 1.1启动gdm3服务 这种方法只能临时生效&#xff0c;每次重启都要手动启动 sudo service gdm3 restart 1.2安装…

js 数据类型=》理解=》应用

文章目录 js 类型判断Object.prototype.toString.call 方法的理解与实现一、对Object.prototype.toString.call方法的理解二、Object.prototype.toString.call方法的实现原理三、简单的模拟实现示例 Object.prototype上的toString方法 理解应用补充&#xff08;symbol/BigInt&a…

HCIP快速生成树 RSTP

STP&#xff08;Spanning Tree Protocol&#xff0c;生成树协议&#xff09;和RSTP&#xff08;Rapid Spanning Tree Protocol&#xff0c;快速生成树协议&#xff09;都是用于在局域网中消除环路的网络协议。 STP&#xff08;生成树协议&#xff09; 基本概念&#xff1a; ST…

Excel 无法打开文件

Excel 无法打开文件 ‘新建 Microsoft Excel 工作表.xlsx",因为 文件格式或文件扩展名无效。请确定文件未损坏&#xff0c;并且文件扩展名与文件的格式匹配。 原因是卸载WPS之后&#xff0c;注册表未修改过来。 重新下载WPS&#xff0c;新建&#xff0c;xls工作表&#x…

【计算机网络】网络框架

一、网络协议和分层 1.理解协议 什么是协议&#xff1f;实际上就是约定。如果用计算机语言进行表达&#xff0c;那就是计算机协议。 2.理解分层 分层是软件设计方面的优势&#xff08;低耦合&#xff09;&#xff1b;每一层都要解决特定的问题 TCP/IP四层模型和OSI七层模型…

Kafka java 配置

前言&#xff1a; 大家好&#xff0c;大家在springboot项目中&#xff0c;经常采用 KafkaListener 做为消费者。这个是spring为我们封装的。 但是某些情况 注解的方式并不能满足需求。这个时候就需要手动版本了。 介绍&#xff1a; 我们已经集成spring-Kafka 就不需要再…

leetCode 739.每日温度

题目 给定一个整数数组 temperatures &#xff0c;表示每天的温度&#xff0c;返回一个数组 answer &#xff0c;其中 answer[i] 是指对于第 i 天&#xff0c;下一个更高温度出现在几天后。如果气温在这之后都不会升高&#xff0c;请在该位置用 0 来代替。 示例 1: 输入: te…

el-select下拉菜单虚拟列表化(含搜索功能)

需求简介 vue2element-ui项目中&#xff0c;当el-select中数据量较大时&#xff0c;会导致页面加载和渲染卡顿。在现在的el-select的基础上使用分页或者虚拟列表的形式去处理大量的下拉菜单&#xff0c;保证页面的正常渲染及el-select的正常回显。 需求分析 主要涉及几个点&…

DPPE-N3中叠氮基团使得DPPE-N3能够与含有炔基的材料在铜离子的催化下发生点击化学反应,生成稳定的1,2,3-三唑环结构,2252461-33-7

一、基本信息 英文名称&#xff1a;DPPE-N3&#xff0c;DPPE-Azide 中文名称&#xff1a;DPPE-叠氮 CAS号&#xff1a;2252461-33-7 分子式&#xff1a;C43H83N4O9P 分子量&#xff1a;831.13 供应商&#xff1a;陕西新研博美生物科技 结构式&#xff1a; 二、结构特点…

算法学习第一弹——C++基础

早上好啊&#xff0c;大佬们。来看看咱们这回学点啥&#xff0c;在前不久刚出完C语言写的PTA中L1的题目&#xff0c;想必大家都不过瘾&#xff0c;感觉那些题都不过如此&#xff0c;所以&#xff0c;为了我们能更好的去处理更难的题目&#xff0c;小白兔决定奋发图强&#xff0…

[AcWing算法基础课]动态规划之01背包

题目链接&#xff1a;01背包 有 N 件物品和一个容量是 V 的背包。每件物品只能使用一次。第 i 件物品的体积是 vi&#xff0c;价值是 wi。求解将哪些物品装入背包&#xff0c;可使这些物品的总体积不超过背包容量&#xff0c;且总价值最大。输出最大价值。 首先&#xff0c;我们…

【机器学习】机器学习中用到的高等数学知识

机器学习是一个跨学科领域&#xff0c;涉及多种高等数学知识。以下是一些在机器学习中常用的数学概念和技术&#xff1a; 1. 线性代数 (Linear Algebra) 向量和矩阵&#xff1a;用于表示数据集和特征。矩阵运算&#xff1a;加法、乘法和逆矩阵等&#xff0c;用于计算模型参数…

FreeRTOS 24:事件组EventGroup等待、清零、获取操作

等待事件标志位xEventGroupWaitBits() 既然标记了事件的发生&#xff0c;那么我怎么知道他到底有没有发生&#xff0c;这也是需要一个函数来获 取 事 件 是 否 已 经 发 生 &#xff0c; FreeRTOS 提 供 了 一 个 等 待 指 定 事 件 的 函 数 — — xEventGroupWaitBits()&…

世界坐标和Local坐标的区分

TargetPos.position(-TargetPos.forward*-4)TargetPos.up*7 这是相对于TargetPos的位置进行偏移&#xff0c; 动态的与Target的本地坐标改变 new Vector3(TargetPos.position.x, TargetPos.position.y 7, TargetPos.position.z - 5) 这个是直接new了一个世界坐标的Vector3 &…