vue3+vite+uniapp+pinia+数据持久化+vscode

246 阅读2分钟

最近一直在写小程序,发现小程序的坑还是蛮多。还是不习惯用hbuilder,想着用vscode开发。而且公司团队开发最大的问题就是代码风格不一样,一合代码就到处冲突。所以自己搭了一个项目的模板。用了ESlint+Prettier来统一项目的代码风格+husky在commit的时候格式化代码。想到都用vue3+组合式API,那hooks必不可少,推荐下载nvm,项目中的.nvmrc文件中有标明我在开发的时候用的node版本。强烈使用hooks。 推荐的插件以及setting.json都配置好了,打开项目vscode会提示你下载推荐插件的,统一就行了 企业微信截图_20230526152612.png 配置了全局的样式不需要在每个页面重复导入 企业微信截图_20230526152818.png 不过使用的时候需要注意两点:1.在需要全局样式的页面需要再配置一个style标签,因为第一个style使用的样式隔离scoped所以全局样式会不生效,在写一个style标签就可以了。2:注意:第一个样式隔离的style标签里面是空的话全局样式也是不会生效的

企业微信截图_20230526153049.png 项目代码的风格化上如果我配置不符合你们项目开发的也是可以自己修改规则的,详细规则自行搜索。 需要注意的是prettier是格式化代码的,ESlint是代码校验的。就是你ctrl+s的时候代码格式化了是pritter干的事,如果你修改了代码格式化的规则,记得eslint文件里面校验规则也要修改,不然就会发生保存代码后代码下面出现红色的波浪线。

企业微信截图_20230526153533.png

最后附上项目的地址:github.com/Pangchengqi… 项目刚创建不久,还需要很多改进的地方!!!!

另外我还使用uview-plus组件组件库 封装了自定义的tabbar和导航栏,项目地址:github.com/Pangchengqi…