v3+ts+vite环境配置
一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范,需要使用preinstall来统一包管理工具。
这个男人很拉轰
知识的搬运工,所有的文章仅供自己方便回忆,看心情记录。
展开
-
SVG图标配置
在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后,页面上加载的不再是图片资源, 这对页面性能来说是个很大的提升,而且我们SVG文件比img要小的很多,放在项目中几乎不占用资源。原创 2023-06-18 22:17:33 · 242 阅读 · 0 评论 -
集成sass
我们目前在组件内部已经可以使用scss样式,因为在配置styleLint工具的时候,项目当中已经安装过sass sass-loader,因此我们再组件内可以使用scss语法!需要加上lang="scss"在src/styles目录下创建一个index.scss文件,当然项目中需要用到清除默认样式,因此在index.scss引入reset.scss。但是你会发现在src/styles/index.scss全局样式文件中没有办法使用$变量.因此需要给项目中引入全局变量$.`不要忘记,不然会报错.....原创 2023-06-18 22:25:23 · 194 阅读 · 0 评论 -
src别名的配置--@
在开发项目的时候文件与文件关系可能很复杂,因此我们需要给src文件夹配置一个别名。原创 2023-06-07 16:38:08 · 288 阅读 · 0 评论 -
集成element-plus
配置完毕可以测试element-plus组件与图标的使用。原创 2023-06-05 14:51:49 · 102 阅读 · 0 评论 -
强制使用pnpm包管理器工具
团队开发项目的时候,需要统一包管理器工具,因为不同包管理器工具下载同一个依赖,可能版本不一样,导致项目出现bug问题,因此包管理器工具需要统一管理!!!原创 2023-06-05 14:47:29 · 524 阅读 · 0 评论 -
commitlint配置
对于我们的commit信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用来实现。原创 2023-06-05 14:47:32 · 420 阅读 · 0 评论 -
husky配置
在上面我们已经集成好了我们代码校验工具,但是。如果有人没有格式化就提交了远程仓库中,那这个规范就没什么用。所以我们需要。要做到这件事情,就需要利用husky在代码提交之前触发git hook(git在客户端的钩子),然后执行`pnpm run format`来自动的格式化我们的代码。原创 2023-06-05 14:41:27 · 170 阅读 · 0 评论 -
stylelint配置
,当我们运行`pnpm run format`的时候,会把代码直接格式化。原创 2023-06-05 14:35:55 · 352 阅读 · 0 评论 -
prettier配置
有了eslint,为什么还要有prettier?eslint针对的是javascript,他是一个检测工具,包含js语法以及少部分格式问题,在eslint看来,语法对了就能保证代码正常运行,格式问题属于其次;而prettier属于格式化工具,它看不惯格式不统一,所以它就把eslint没干好的事接着干,另外,prettier支持包含js在内的多种语言。总结起来,**eslint和prettier这俩兄弟一个保证,一个保证。**原创 2023-06-05 14:23:04 · 76 阅读 · 0 评论 -
eslint配置
eslint中文官网:http://eslint.cn/原创 2023-06-05 14:16:20 · 371 阅读 · 1 评论 -
初始化项目
*pnpm:performant npm ,意味“高性能的 npm”。q=pnpm&spm=1001.2101.3001.7020)由npm/yarn衍生而来,解决了npm/yarn内部潜在的bug,极大的优化了性能,扩展了使用场景。被誉为“最先进的包管理工具”**本项目使用vite进行构建,vite官方中文文档参考:https://cn.vitejs.dev/guide/原创 2023-06-05 14:06:21 · 39 阅读 · 1 评论