目录node.js下载慢的解决方法1.ESlint2.组件的定义和使用3.组件间通信--3.1组件间通信1--通过props:----3.1.1数据发送方----3.1.2数据接收方----3.1.3注意--3.2组件间通信2:vue自定义事件----3.2.1父组件:----3.2.2子组件:--3.3组件间通信3:消息订阅与发布(PubSubJS库)--3.4组件间通信4:slot(插槽)--
转载 2024-06-25 14:01:48
229阅读
安装node.js       vue-cli脚手架的安装需要使用node.js的环境,所以安装前必须安装好node       node.js官网:点这里 使用cnpm(本处是使用淘宝镜像)       由
作者:前端阿飞 要说今年最热门的前端技术,Vue3 和 TS 绝对榜上有名了。据了解,已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后,今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴,一起学起来吧!#为 props 标注类型#使用 <script setup&gt
一、从零配置 ESLint 工作流 eslint prettier stylelint husky lint-staged typescript babel-eslint eslint-config-airbnb-base eslint-config-alloy 为构建项目代码质量保驾护航。传承 ESLint 推崇的插件化、配置化的理念,满足个性化需求(即让专业的工具做擅长的事)因此,各
VUE项目框架配置一、工具准备Node.js安装 安装方法:点击查看WebStorm安装 下载地址:点击查看二、环境准备镜像准备1.查看代理:npm get registry 2.设置淘宝镜像2.1临时使用. npm --registry https://registry.npm.taobao.org install express2.2持久使用. npm config set registry
转载 2024-08-27 20:59:48
77阅读
上篇文章写了原生微信小程序配置ESlint总结,现在对React项目配置ESlint也做一总结。cd到我们的项目,安装ESlint:cnpm install eslint --save-dev 2. 创建ESlint配置文件.eslintrc.js: eslint --init 以上选项一路回车即可,这些就是使用eslint规则,后面可以自定义调整;4. 安装 eslint-
转载 2024-05-16 09:43:46
331阅读
vue项目设置eslint规则校验配置eslint-plugin-vue校验template模板的规范,vue组件、props、data等顺序一系列推荐风格等安装npm install --save-dev eslint-plugin-vue配置.eslintrc配置代码规范"extends": ["plugin:vue/recommended"]配置解析器配置Eslint用于校验js的语法规范,
// https://eslint.org/docs/user-guide/configuring module.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, jquery: true
// https://eslint.org/docs/user-guide/configuring module.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, jquery: true
转载 2024-07-02 18:42:02
109阅读
​(高级配置,解决引入第三方jdk报错.eslingignore 文件的使用,注明的文件夹或文件不会呗检测报错  解决 new () 报错问题如果能保证团队里面,或者代码贡献者的IDE配置都是相同的,那我觉得就没有必要。在vue使用 ESLint:1、使用vue-cli:在vue-cli在init初始化时会询问是否需要添加ESLint,确认之后在创建的项目中就会出现.eslintignore和.
转载 2020-04-24 16:51:00
229阅读
2评论
一、创建一个 vite + vue3 + ts 项目npm init vite@latest二、安装 eslint 依赖npm i eslint@7.23.0 eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -Deslint: ESLint 的核心代码。eslint-plugin-vue:包含
# Vue 不使用 Axios 的数据请求方式 在 Vue 的开发过程中,数据请求是一个非常重要的部分。虽然 Axios 是一个流行且实用的 HTTP 客户端库,但我们依然可以使用原生的 `fetch` API 或其他方法来进行数据请求。本文将探讨这些方法的使用方式,并在过程中提供示例代码,帮助开发者更好地理解如何在 Vue 中进行数据请求。 ## Fetch API 简介 `fetch
原创 8月前
20阅读
文章目录一、环境二、创建项目三、启动项目四、项目结构与解释 一、环境环境已经搭好,所以就不废话了,看一下我的版本 这已经是最新环境了。二、创建项目我们使用命令vue create创建,如下:vue create v1 提示说:请选择一个预设,预设就是项目的一些初始化,就是给你安装规定一些基本的东西,以前的低版本vue创建项目是用vue init webpack 【projectName] 命令,
转载 2024-04-19 14:38:30
41阅读
一、eslint基本配置1、安装npm install -g eslint安装如下相关依赖"eslint": "^7.5.0", "eslint-config-standard": "^14.1.1", "eslint-friendly-formatter": "^4.0.1", "eslint-loader": "^4.0.2", "eslin
持续更新 Vue CLI 最新版本创建的应用规则module.exports = { root: true, env: { browser: true, node: true, es6: true }, extends: ["plugin:vue/recommended", "@vue/standard"], parserOptions: { p
转载 2024-07-30 15:25:45
142阅读
1. yarn create vite 初始化创建项目2. yarn add eslint -D 安装 eslint3. eslint --init 初始化项目1.选择 To check syntax and find problems 检查语法并发现问题      2. 选择 JavaScript modules  es6 规范        3. 选择 vue       
转载 2024-04-23 15:41:01
404阅读
vue工程学习(4)之插件eslint使用前言这个是使用cli3创建的vue工程1.安装eslint1)两种方式:vue add eslintvue UI,从界面上操作2)安装选择操作:Pick an ESLint config: Airbnb(检查方式)Pick additional lint features:Lint on save(代码文件中有代码不符合 lint 规则时,会在 compi
转载 2024-05-01 20:13:27
91阅读
eslint官方文档https://eslint.bootcss.com/eslint是一款官方检查js规范vscode配置eslint和.prettierrc(1)搜索elint插件在这里插入图片描述(2)点击ESlint中齿轮 选择扩展设置(3)点击右上角的打开设置按钮(4)在打开的json文件中配置//ESlint插件配置 "editor.codeActionsOnSave": {
转载 2024-05-14 10:09:38
162阅读
老话说的好,无规矩不成方圆。最开始接触eslint的时候我也是一脸懵逼,怎么多一个空格就报错,换行多了报错,分号多了报错,变量未使用报错,没用驼峰命名报错…随手写一行代码能有十行报错,所以很长一段时间内不愿意启用eslint。但是随着项目经验的积累,团队开发协作的情况越来越多,现在只想对eslint说一句——真香。 其实eslint规范虽然比较严苛,但是只要学会配置就真的很简单。以前的自己只是因为
转载 2024-04-09 14:53:41
345阅读
       今天用之前vue-cli3搭建的项目开始进行开发,发现每次启动服务时都会弹出编译错误,我就简单的写了两个页面,在layout.vue中引入了header.vue(里面基本没什么内容),然后根据提示去查看代码,怎么也没看出问题出现在哪里。虽然报错了,但是服务还是正常启动了,在浏览器上访问http://localhost:8080/可以查看到写的内
  • 1
  • 2
  • 3
  • 4
  • 5