eslint

有时在使用 vs code 编辑器里是 eslint 插件时一直会有一个报错：大致的意思就是不建议 v-if 和 v-for 一起使用 根据 eslint 指出的方法进行改进 ： 第一种：将 v-if 和 v-for 分别放在不同标签中 < ul v - if = "active" > < li v - for = "item in list" : key = "item.id" > { { item . title } } < / li > < / ul > 第二种：如果 v-if 和 v-for 只能放在同一级标签中，使用计算属性进行改造： < ul > < li v - for = "user in users" v - if = "user.isActive" : key = "user.id" > { { user . name } } < / li > < / ul > 将会经过如下运算： this . users . map ( function ( user ) { if ( user . isActive ) { return user . name } } ) 这是因为当它们处于同一节点， v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。 通过将其更换为在如下的一个计算属性上遍历 ： computed : {

一、安装常用插件： Ctrl+shift+x打开应用商店搜索这几个插件安装即可 Beautify、Eslint、Vetur 二、setting.josn配置 文件-首选项-设置-在setting.josn中编辑，打开这个setting.josn文件后将下面配置复制即可 { // tab 大小为2个空格 "editor.tabSize": 2, // 100 列后换行 "editor.wordWrapColumn": 100, // 保存时格式化 "editor.formatOnSave": true, // 开启 vscode 文件路径导航 "breadcrumbs.enabled": true, // prettier 设置语句末尾不加分号 "prettier.semi": false, // prettier 设置强制单引号 "prettier.singleQuote": true, // 选择 vue 文件中 template 的格式化工具 "vetur.format.defaultFormatter.html": "prettyhtml", // 显示 markdown 中英文切换时产生的特殊字符 "editor.renderControlCharacters": true, // 设置 eslint 保存时自动修复 "eslint.autoFixOnSave": true

用vue-cli构建vue 2.x项目 环境要求 构建项目 环境要求 1. 检查是否安装node.js运行环境 //终端输入 node -v 2. 检查是否安装npm和cnpm包管理程序 //终端输入 npm -v cnpm -v // 淘宝镜像专用通道 3. 检查是否安装webpack构建工具 //终端输入 webpack -v 4. 检查是否安装vue-cli手脚架 //终端输入，这里是大写的"V" vue -V 确定以上环境都没问题后，那么我们就往前走，构建项目开始。 构建项目 第一步：直接在code目录（本人代码项目习惯）右键选择Git Bash Here(本着已安装git) 你们看着办 第二步：在终端开始安装命令 //终端输入,"project"是项目名称,大家随意，不要中文就行 vue init webpack project Administrator/d/code $ vue init webpack project--------------------- 安装项目命令 ? Project name (project) --------------------- 项目名称 ? Project name project ? Project description (A Vue.js project)--------------------- 项目描述 ?

项目常用eslint配置（Vue/React/TypeScript） 记录一下常用的eslint配置。 Vue项目常用eslint配置 需要安装依赖（Vue这里使用standard扩展和vue插件，所以需要安装) { "devDependencies": { "babel-eslint": "^10.0.2", "eslint": "^6.1.0", "eslint-config-imperative-es6": "^2.1.0", "eslint-config-standard": "^10.2.1", "eslint-plugin-import": "^2.17.2", "eslint-plugin-node": "^5.2.0", "eslint-plugin-promise": "^3.4.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-vue": "^4.7.1" // vue插件 } } .eslintrc.js文件配置 // https://eslint.org/docs/user-guide/configuring module.exports = { // 默认情况下，ESLint 会在所有父级目录里寻找配置文件，一直到根目录。ESLint 一旦发现配置文件中有 "root": true

安装插件 配置vscode的go环境变量 https://blog.csdn.net/weixin_41558061/article/details/100741278 配置 ESLint （需安装 Prettier - Code formatter 插件） command + shift + p 打开用户设置 或者 文件->首选项->设置： 搜索：Associations 打开settings.json // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, "files.autoSave": "afterDelay", "files.autoSaveDelay": 3000, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进行修复 "eslint.autoFixOnSave": true, // 添加 vue 支持 "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true } ], //