学习笔记 1.接口请求状态值 100:临时响应 200:成功 300:重定向 400:访问错误 500:服务器错误;502无响应 2.css样式 隐藏滑动条: ul::-webkit-scrollbar { display: none;} 控制placeholder: :placeholder-shown table设置tr标签无效: border-collapse: collapse; 隐藏input
插件介绍 Prettier: 用于代码格式的校验(并格式化代码), 如tab长度、js语句末尾是否加分号、何时使用逗号等,不会对代码质量进行校验(eslint校验质量)。 对HTML/ CSS/JavaScript/vue/Scss都有效果 参考文档: Prettier 中文网 · Prettier 是一个“有态度”的代码格式化工具 项目中引
参考: 配置vscode https://www.cnblogs.com/zhurong/p/12766148.html#_label6 通过文件配置 https://juejin.cn/post/6899323798676307976
1、安装 Vetur、ESlint、Prettier插件。 2、文件---->首选项---->设置 3、设置 3.1、每次保存的时候自动格式化 搜索 format On Save,勾选前面的复选框 3.2、每次保存的时候将代码按 eslint 格式进行修复 新版操作 搜索 Code Actions On Save,点击下方圈中的地方 再打开的界
代码规范之 lint-staged 在代码提交之前,进行代码规则检查能够确保进入git库的代码都是符合代码规则的。但是整个项目上运行lint速度会很慢,lint-staged能够让lint只检测暂存区的文件,所以速度很快。 安装与配置 安装husky和lint-staged: yarn add husky lint-staged --dev package
vue 项目配置 eslint 和 prettier 导致运行出现 prettier/prettier 错误提示 出现这个错误大概率是由于相关联的依赖之间的版本不互相兼容导致的。比如我用的是 vue 官方默认的 vue2 脚手架创建的项目,在此基础上我又在项目中自己配置了 .eslintrc.js 和 .prettierrc,自己又装
在vue.config.js中配置如下 module.exports = { lintOnSave: false, // 当保存时不进行eslint的检查 devServer: { open: true, // 自动打开 port: 8081, //修改启动的端口号 // 本身发的请求 http://localhost:8080/api/product/getBaseCateg
注:(此项不做,关系不大)安装eslint,执行以下命令: npm install eslint -D npx eslint --init (初始化配置生成.eslintrc.js文件,按自己需求选择) Prettier官网安装文档 npm install --save-dev --save-exact prettier 创建.prettierrc.json文件用于修改配置样式规范,如不需更
vue init webpack 项目名 ================= vue create 项目名 --open 项目启动后,自动浏览器打开 eslint校验功能关闭: 根目录下创建文件vue.config.js: module.exports = { //关闭eslint lintOnSave:false} src文件夹简写方法,配置别名
webpack 提取css成单独文件css的兼容性处理压缩cssjs语法检测 提取css成单独文件 先用以往的开发模式来打包。创建以下文件夹,build里的内容是打包后生成的。 index.html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv
tools - vscode - setting { "security.workspace.trust.untrustedFiles": "open", "workbench.iconTheme": "vscode-icons", "workbench.colorTheme": "Visual Studio Light", "window.zo
1.less sass webpack 的版本问题 如果你使用Vue cli创建项目时 请一定选择 less-loader 和less 不然 当你在style种使用 less的时候你发现 你得 less语法不能编译通过 并且提示你 需要安装 less-loader 等包 当你安装后 你发现 版本又不对 对于一个新手vue玩家的我来说 已经是降
目录 1.创建项目时勾选ESLint 2.配置.eslintrc.js(在项目根目录下): 3.安装Prettier 4.配置prettier 5.其他设置 1.创建项目时勾选ESLint 选择Standard。 2.配置.eslintrc.js(在项目根目录下): 添加'space-before-function-paren': 'off'是为了解决ESLint与Prettier的冲突 mo
内置规则 eslint 内置规则介绍eslint 推荐配置 eslint 内置规则介绍 modules.exports = { // 所有规则页面(https://eslint.org/docs/rules)标记为 ✔ 的规则将会默认开启 extends: ['eslint:recommended'], parserOptions: { ecmaVersion: 'latest', sour
效果点击保存自动格式化代码 需要安装Eslint 和 petter 涉及的文件有: .eslintignore public/* .eslintrc.js module.exports = { root: true, env: { node: true }, extends: ['plugin:vue/essential', 'plugin:prettier/recommended'], rules: {
1.在vscode全局安装eslint: 打开终端,运行npm install selint -g全局安装Eslint 2.vscode安装插件 3.vscode的设置:找到setting.json文件并打开 4.主要把配置ESllint复制到setting.json文件里 { "workbench.iconTheme": "material-icon-theme", "explorer.confir
1、最近接手第二个项目,之前的项目是基于vue + element + admin这个优秀的后台管理平台搭建的,由公司大佬直接搭建,接手的时候只是做一些简单的业务开发。最近接手了一个外包公司帮忙写的系统,是基于vue + ant_design + admin这个平台,处理ui组件库用的是蚂蚁金服的外,其他的基本相同;
1.Invalid ecmaVersion 检查代码规范时,会导致检查失败: Invalid ecmaVersion 2.原因分析 创建配置文件选项过程中,选择了 强制代码风格规范,并下载了 standard规范包 而这个选择,会降低当前项目 eslint版本(8.3 => 7.32),从而不支持 es13 的语法 3.解决方案 修改生成的配置文件
转自 https://www.cnblogs.com/kunmomo/p/14989831.html 前言 项目中在提交时如果有eslint相关的问题会报错,那么是如何使用eslint在提交时检查代码的呢? 解决 假设已经安装好了eslint并且完成了配置文件的配置,万事俱备只欠东风了 1、在项目中新建eslint.sh脚本(shell脚本) fil
一、创建项目 我是要用Vue CLI创建项目,所以不要自己手动在文件夹中写项目名 1 Vue create xxx 以下是配置的一些选项,这里没有选择router和vuex,你也可以手动选择,我这里选择自己配置。 ?5:要不要使用babel处理typeScript typescript的编译有两种方式: 通过默认安
执行eslint --init 报错 安装了最新版本的eslint,执行npx eslint --init时报错 Oops! Something went wrong! :( ESLint: 8.3.0 Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: E:\myself\webpack\webpack-test\node_modules\@eslint\eslintrc\universa
当我们编写不符合eslint规范的代码时,启动项目会报错,而且代码里会报红,如下图: 方案一:自动错误修复 运行指令:npm run lint 会帮助我们自动修复不符合规范的代码 方案二:安装eslint插件 ① 安装eslint插件并启用 ② 文件 > 首选项 > 设置 > setting.json 添加如下配置: "edito
拼写错误导致的问题 在项目开发过程中,即使我们再细心,也难免忙中出错,犯下很多低级的错误。 比如这样: 我们错把 field 拼写成 filed,这样打印出来的是 undefined,而不是预期的 name。 ESLint 的基本介绍 但是幸运的是,有一些 Lint 工具会在这方面提供一些帮助。 比如在 TypeScript
具体解释 https://www.jianshu.com/p/48a7a6e766c4 我的选择 ? How would you like to use ESLint? // 你想怎样使用eslint - To check syntax, find problems, and enforce code style // 检查语法、发现问题并执行代码样式 ? What type of modules does your project u
一. 初始化 安装@vue/cli , -g: 全局安装 vue-cli npm install @vue/cli -g 或者 yarn global add @vue/cli 二. 创建项目 vue create 项目名 进行项目初始化 D:\workspace\test>vue create element-plus-test ? Your connection to the default npm registry