打开VSCode,安装Prettier插件,并在设置中启用Prettier作为默认格式化工具。可以通过打开设置(Ctrl + ,),然后搜索“format”找到相关选项,并将“Editor: Default Formatter”设置为“Prettier”。 使用ESLint进行Vue格式化 安装ESLint和相关插件 在项目的根目录下,使用npm或yarn安装ESLint和eslint-plugin-vue插件: bash ...
本人在使用Vue前使用了idea软件,所以添加了IntelliJ IDEA Keybindings插件辅助同步快捷键。在idea里面格式化的快捷键是 Ctrl+Alt+L ,而最近不知如何 腾讯QQ 在我更新后自动添加了快捷键 Ctrl+Alt+L 为锁定QQ ,导致在vs code中不能使用快捷键格式化。 解决方法:更改 QQ 或 vs code 快捷键设置,在这里我更改的是...
脚手架:create-vue create-vue 是 Vue.js 官方推出的一个快速启动 Vue.js 项目的脚手架工具。它基于 Vite,为开发者提供了一种快速、便捷的方式来创建 Vue 项目模板,降低了项目的入门门槛。 Github:https://github.com/vuejs/create-vue状态管理:Pinia Pinia 是一个专为 Vue.js 设计的新一代状态管理库,它提...
以前写的都是vue2的项目,自动格式化都用的vetur,都设置好了。 现在新弄了个vue3的项目,脚手架起的vite vue3,搞个代码格式化,发现prettier没好事。 解决思路 格式化一共俩工具 eslint prettier 格式化的时候选择用eslint格式化,然后将prettier的配置放到eslint里面就ok了 vue3项目的单独配置 配置保存自动格式化 setti...
创建项目命令:npm create vue@latest 代码格式化插件:Vue - Official 路由:vue router 官网地址:https://router.vuejs.org/zh/introduction.html 状态管理:pinia Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。 官网地址:https://pinia.vuejs.org/zh/introduction.html...
摘要:问题:公司开发一个商城,总是遇到回退到上页面时会有很多逻辑处理,由于每个页面都要写回退的方法,所以总会漏掉一些判断,导致出现很多类似的bug。 解决方法: 方案一:使用vue-router的history堆栈,待学习。。。 方案二:想到了可能自己封装一下,来维护路由页面跳转应该会更方便一些。 所以开阅读全文 ...
前端面临的常见开发场景如下: 功能性网页,SEO网页,带视图浏览器插件(标签页,侧边栏),跨平台桌面端应用,移动端应用,小程序 综合考虑生态,开发模式,环境和工具支持 其中, Vue 在功能性网页,SEO网页(国…
参考[CSS Modules spec](https://github.com/css-modules/css-modules) 以查看更多详情,例如 [global exceptions](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions) 和[composition](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition...
Gi Admin Pro是一个基于 Vue3、Vite、TypeScript、Arco Design Vue、Pinia、VueUse 等的免费中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于 mock 实现的动态数据展示,开箱即用的模板,也可用于学习参考。 Gi 前缀含义:G:代表全局 i:代表我的 ...
备注:目前vue-cli已处于维护模式,官方推荐基于Vite创建项目。 ## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue--version## 安装或者升级你的@vue/clinpm install-g@vue/cli## 执行创建命令vue create vue_test## 随后选择3.x## Choose a version of Vue.js that you want to start the project wi...