前言 【uniapp微信小程序系列】将持续更新分享使用uniapp开发小程序的干货文章。本篇文章是从0搭建uniapp项目，如果是个人项目或者公司无代码规范等，可以参考本篇vue3+ts+vite+pinia搭建项目，如果有规范要求，或者想接入规范，那么本篇文章将从0搭建vue3+ts+vite+pinia项目,并接入代码规范eslint+prettier，及代码提交钩子husky配置。一.创建项目 uniapp官网提供了多个版本下载方式，这里我们选择Vue3/Vite版，创建以typescript开发的工程：npxdegitdcloudio/uni-preset-vue#
前言Vite是一个用于现代JavaScript应用程序的快速、轻量级的构建工具，其设计目的是易于使用和适用于大型项目。Vite-pretty-lint是一个插件，可以在基于Vite的项目中安装和配置，以便在编写代码时能够自动对代码进行格式化和检查代码。这可以帮助开发人员在开发过程的早期捕获格式化和链接错误，并确保代码库遵循一致的样式。学习目标：如何为vite项目自动添加eslint和prettier它的原理是什么资源：源码地址：vite-pretty-lint如何使用创建一个vite项目：npminitvite进入项目文件夹下，安装Vite-pretty-lint：npminitVite-pr
前言Vite是一个用于现代JavaScript应用程序的快速、轻量级的构建工具，其设计目的是易于使用和适用于大型项目。Vite-pretty-lint是一个插件，可以在基于Vite的项目中安装和配置，以便在编写代码时能够自动对代码进行格式化和检查代码。这可以帮助开发人员在开发过程的早期捕获格式化和链接错误，并确保代码库遵循一致的样式。学习目标：如何为vite项目自动添加eslint和prettier它的原理是什么资源：源码地址：vite-pretty-lint如何使用创建一个vite项目：npminitvite进入项目文件夹下，安装Vite-pretty-lint：npminitVite-pr
第一次做vue3的项目的时候，从网上找了一个现成的框架进行开发，刚开始开发使用element-plus的时候，我直接把ui代码粘贴进我的项目中，发现代码报错，错误如下：Compiledwithproblems:ERRORin./src/views/layoutpages/system/Menus.vue?vue&type=template&id=07e451a3&ts=true(./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js
第一次做vue3的项目的时候，从网上找了一个现成的框架进行开发，刚开始开发使用element-plus的时候，我直接把ui代码粘贴进我的项目中，发现代码报错，错误如下：Compiledwithproblems:ERRORin./src/views/layoutpages/system/Menus.vue?vue&type=template&id=07e451a3&ts=true(./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js
目录一、问题二、主要原因三、解决办法方法1：vscode全局配置方法2：文件底部配置方法3：修改项目.prettierrc文件方法4：修改git全局配置一、问题使用vscode学习nest.js的过程中，遇到了多处爆红，编辑器每行代码最后都出现了红色的波浪号。如图：二、主要原因通过度娘大力支持，最终在多种方法结合下解决了这些波浪线。源头都是因为安装了Prettier插件指定了文件的结尾换行符与系统不一致导致的。Windows在换行的时候，同时使用了回车符CR和换行符LF，即CRLF;而项目仓库中默认是Linux环境下提交的代码，文件默认是以LF结尾的，这也是工程化的需要。我们的Prettier
目录一、问题二、主要原因三、解决办法方法1：vscode全局配置方法2：文件底部配置方法3：修改项目.prettierrc文件方法4：修改git全局配置一、问题使用vscode学习nest.js的过程中，遇到了多处爆红，编辑器每行代码最后都出现了红色的波浪号。如图：二、主要原因通过度娘大力支持，最终在多种方法结合下解决了这些波浪线。源头都是因为安装了Prettier插件指定了文件的结尾换行符与系统不一致导致的。Windows在换行的时候，同时使用了回车符CR和换行符LF，即CRLF;而项目仓库中默认是Linux环境下提交的代码，文件默认是以LF结尾的，这也是工程化的需要。我们的Prettier
第一步：查看webpack和webpack-cli是否安装打开cmd，通过命令查看webpack-vwebpack-cli-v如果没有安装，要先进行安装可以通过npmviewwebpackversion/npmviewwebpack-cliversion查看当前webpack的最新版本可以通过npmviewwebpackversions查看当前webpack的所有版本（webpack-cli同理）通过命令安装webpack和webpack-cli如果先安装webpack，会提示报错，没有安装webpack-cli，所以先安装webpack-cli比较好安装的版本最好是webpack@4webp
第一步：查看webpack和webpack-cli是否安装打开cmd，通过命令查看webpack-vwebpack-cli-v如果没有安装，要先进行安装可以通过npmviewwebpackversion/npmviewwebpack-cliversion查看当前webpack的最新版本可以通过npmviewwebpackversions查看当前webpack的所有版本（webpack-cli同理）通过命令安装webpack和webpack-cli如果先安装webpack，会提示报错，没有安装webpack-cli，所以先安装webpack-cli比较好安装的版本最好是webpack@4webp
大家好，我是前端西瓜哥，今天带大家了解ESLint的配置项。ESLint是一款检查JavaScript程序是否符合特定的规则的工具。比如字符串用单引号还是双引号，tab缩进用2个空格还是4个空格还是其他，这些都可以用ESLint来规定。安装你可以通过下面命令来安装以及生成默认的ESLint配置npminit@eslint/config执行后，它有一个命令行的交互，根据提问需要选择即可。然后你会得到一个.eslintrc.json或者.eslintrc.js或.eslintrc.yaml文件（根据你的选择）。我没有使用一些流行的默认eslint配置包，选择了自定义规则。我的.eslintrc.j
