![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3项目
aa小小
这个作者很懒,什么都没留下…
展开
-
TS5023 (TS) 未知的编译器选项“allowImportingTsExtensions”
原因:该选项用于控制是否允许在 import 语句中导入 .ts 文件扩展名,它的取值可以是 true 或 false。TS5023 (TS) 未知的编译器选项“allowImportingTsExtensions”。TS5023 (TS) 未知的编译器选项“allowImportingTsExtensions”删除tsconfig文件中的"allowImportingTsExtensions": true,将moduleResolution设置为"node",并在导入时保留文件扩展名。原创 2023-06-20 14:42:34 · 6494 阅读 · 1 评论 -
解决if (!require.cache) { ^ReferenceError: require is not defined}报错
【代码】解决if (!require.cache) { ^ReferenceError: require is not defined}报错。转载 2023-06-15 16:49:43 · 958 阅读 · 3 评论 -
解决pinia报hasInjectionContext问题
今天重新安装了下pinia发现项目运行打印hasInjectionContext找不到的问题,去官网看了眼发现2.1版本的pinia需要vue3.3以上的版本支持。所以可以尝试去更新你的vue的版本,但是还是推荐去安装低版本的pinia,毕竟很多依赖可能要对应上!原创 2023-06-15 16:46:34 · 1128 阅读 · 0 评论 -
elementui-plus的prefix-icon无法显示问题
其中标签为icon为名称,可在文档中查看自己需要的icon进行更改。将Key的icon引入后在components里加入。转载 2023-06-14 15:29:23 · 776 阅读 · 0 评论 -
Module ‘“element-plus“‘ has no exported member ‘ElMessage‘.
(“moduleResolution”: “node” 表示 模块化查找的时候按照nodejs方式进行查找。TS升级到5.x,默认"moduleResolution": “bundler” ,可能ele官方还没处理好吧)1、把tsconfig.json配置项moduleResolution:"bundler"改为 moduleResolution:"node"就可以了。2、等待element-plus官方解决,2023/04/29 目前还没有解决。ts为@5版本情况下的element-plus中的报错。转载 2023-06-13 10:35:13 · 750 阅读 · 0 评论 -
src 别名的配置
在开发项目的时候文件与文件关系可能很复杂,因此我们需要给 src 文件夹配置一个别名!原创 2023-06-02 12:21:39 · 184 阅读 · 0 评论 -
vue3集成element-plus
官网地址:https://element-plus.gitee.io/zh-CN/配置完毕可以测试 element-plus 组件与图标的使用.原创 2023-06-02 12:19:14 · 228 阅读 · 0 评论 -
强制使用 pnpm 包管理器工具
团队开发项目的时候,需要统一包管理器工具,因为不同包管理器工具下载同一个依赖,可能版本不一样,导致项目出现 bug 问题,因此包管理器工具需要统一管理!文件,添加下面的内容。原创 2023-06-02 12:18:59 · 405 阅读 · 0 评论 -
commitlint配置
当我们 commit 提交信息时,就不能再随意写了,必须是 git commit -m ‘fix: xxx’ 符合类型的才可以,对于我们的 commit 信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用。在生成的 commit-msg 文件中添加下面的命令。信息的时候,前面就需要带着下面的。中配置 scripts 命令。配置结束,现在当我们填写。原创 2023-06-02 12:16:19 · 473 阅读 · 0 评论 -
配置husky
在上面我们已经集成好了我们代码校验工具,但是需要每次手动的去执行命令才会格式化我们的代码。会在根目录下生成个一个.husky 目录,在这个目录下面会有一个 pre-commit 文件,这个文件里面的命令在我们执行 commit 的时候就会执行。对于我们的 commit 信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用。当我们对代码进行 commit 操作的时候,就会执行命令,对代码进行格式化,然后再提交。将要上传的文件,添加到刚刚创建的文件夹。来自动的格式化我们的代码。原创 2023-06-02 12:14:35 · 922 阅读 · 2 评论 -
eslint安装及配置
sourceType”: “module”//设置为"script"(默认),或者"module"代码在ECMAScript模块中。//ESLint支持使用第三方插件。//全部规则默认是关闭的,这个配置项开启推荐规则,推荐规则参照文档。//@typescript-eslint/parser ts解析器。//该eslint-plugin-前缀可以从插件名称被省略。//Babel-ESLint babel解析器。//Esprima 默认解析器。//指定解析器:解析器。//eslint规则。原创 2023-06-01 14:49:50 · 655 阅读 · 0 评论 -
prettier配置
配置有了eslint,为什么还要有prettier?eslint针对的是javascript,他是一个检测工具,包含js语法以及少部分格式问题,在eslint看来,语法对了就能保证代码正常运行,格式问题属于其次;而prettier属于格式化工具,它看不惯格式不统一,所以它就把eslint没干好的事接着干,另外,prettier支持包含js在内的多种语言。总结起来,原创 2023-06-01 14:52:19 · 874 阅读 · 0 评论 -
husky配置
在上面我们已经集成好了我们代码校验工具,但是需要每次手动的去执行命令才会格式化我们的代码。如果有人没有格式化就提交了远程仓库中,那这个规范就没什么用。会在根目录下生成个一个.husky目录,在这个目录下面会有一个pre-commit文件,这个文件里面的命令在我们执行commit的时候就会执行。要做到这件事情,就需要利用husky在代码提交之前触发git hook(git在客户端的钩子),然后执行。当我们对代码进行commit操作的时候,就会执行命令,对代码进行格式化,然后再提交。来自动的格式化我们的代码。原创 2023-06-01 14:52:45 · 301 阅读 · 0 评论 -
stylelint配置
为css的lint工具。可格式化css代码,检查css语法错误与不合理的写法,指定css书写顺序等。原创 2023-06-01 14:53:10 · 649 阅读 · 0 评论 -
stylelint安装
如果希望在保存时自动 fix, 参考这里https://blog.csdn.net/gyz718/article/details/70556188。还想知道更多为什么可以参考:https://blog.csdn.net/qq_36060786/article/details/79311244。“wrap_attributes”: “force-aligned”, // 第一个属性后开始折行,并对齐。更多语法规则请参考:https://stylelint.io/user-guide/usage/cli。原创 2023-06-01 11:56:40 · 764 阅读 · 0 评论 -
eslint搭配prettier使用步骤
这里的执行逻辑顺序是:eslint会首先读extends的规则,这个时候遇到了最后配置的plugin:prettier/recommended,而这个插件又会先读本地配置的.prettierrc文件再读取prettier自己内部设置的配置,最后读.eslintrc.json的rules配置。2、其次配置.eslintrc.json文件,extends: [“plugin:prettier/recommended”],如果有其他扩展,则"plugin:prettier/recommended"放在最后。原创 2023-06-01 11:44:35 · 1339 阅读 · 0 评论 -
eslint安装
初始化eslint: npx eslint –init。安装: pnpm i eslint -D。原创 2023-06-01 11:42:47 · 110 阅读 · 0 评论 -
Vite创建Vue3+typescript项目
Vite创建Vue3+typescript项目(node版本16+)(全局安装pnpm: npm install pnpm -g)打开控制台输入:Pnpm create vite。控制台输入1:cd project。控制台输入3:npm run dev。 输入项目名:project。 选择typescript。控制台输入2:pnpm i。原创 2023-06-01 11:10:11 · 87 阅读 · 0 评论 -
npm与npx
npm上有成千上万的Node.js库和应用程序,而且每天都有更多的Node.js库和应用程序添加进来。npx也是一个CLI工具,它的目的是让安装和管理托管在npm注册表中的依赖更容易。全局安装(global)有从全局 bin/ 目录创建的链接(例如:Linux上的/usr/local/bin,Windows上的%AppData%/npm)。npx将临时安装next版本的create-react-app,然后将执行脚手架应用程序并安装它的依赖项。从上面可以看到,使用普通的npm运行一个包需要相当多的仪式。原创 2023-06-01 10:48:38 · 678 阅读 · 0 评论