eslint

一、安装node 下载地址 http://nodejs.cn/download/ 下载二进制包 (.zip)需要自己配置环境变量 下载安装程序 (.msi)，安装完成自动配置环境变量 利用cmd命令进入安装路径检测是否安装成功 二、安装淘宝镜像cnpm npm包含的很多依赖包是部署在国外的，在天朝，大家都知道下载速度是超级慢啊。所以我们要安装cnpm，cnpm是淘宝对npm的镜像服务器，这样依赖的包安装起来就快多了。 安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org 三、 安装vue-cli脚手架,用于帮助搭建所需的模板框架 vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。 安装命令为：cnpm install -g vue-cli 如图输入vue检测安装成功 四、新建项目 找到一个合适的目录，新建vue项目 命令：vue init webpack my-front(项目文件夹名) $ vue init webpack my-front 　　-- 这个是那个安装vue脚手架的命令 This will install Vue 2.x

Its because esLint gets it mutation to the native protoTypes chain. You can add // eslint-disable-next-line no-extend-native in above the line it should be fine. 链接 来源： oschina 链接： https://my.oschina.net/huibaifa/blog/3193464

https://cli.vuejs.org/zh/config/#vue-config-js // vue.config.js 配置说明 // 这里只列一部分，具体配置惨考文档啊 module.exports = { // baseUrl type:{string} default:'/' // 将部署应用程序的基本URL // 将部署应用程序的基本URL。 // 默认情况下，Vue CLI假设您的应用程序将部署在域的根目录下。 // https://www.my-app.com/。如果应用程序部署在子路径上，则需要使用此选项指定子路径。例如，如果您的应用程序部署在https://www.foobar.com/my-app/，集baseUrl到'/my-app/'. baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : '/', // lintOnSave：{ type:Boolean default:true } 问你是否使用eslint lintOnSave: true, // 如果您不需要生产时的源映射，那么将此设置为false可以加速生产构建 productionSourceMap: false, // devServer:{type:Object} 3个属性host,port,https //

原因在于git的一个配置属性：core.autocrlf windows下和linux下的文本文件的换行符不一致 Windows在换行的时候，同时使用了回车符CR(carriage-return character)和换行符LF(linefeed character) 而Mac和Linux系统，仅仅使用了换行符LF 老版本的Mac系统使用的是回车符CR 因此，文本文件在不同系统下创建和使用时就会出现不兼容的问题 我的项目仓库中默认是Linux环境下提交的代码，文件默认是以LF结尾的(工程化需要，统一标准)。 当我用windows电脑git clone代码的时候，若我的autocrlf(在windows下安装git，该选项默认为true)为true，那么文件每行会被自动转成以CRLF结尾，若对文件不做任何修改，pre-commit执行eslint的时候就会提示你删除CR。 解决办法： 删除clone文件， windows，文件编码是UTF-8且包含中文，最好全局将autocrlf设置为false 添加配置 git config --global core.autocrlf false 再重新拉取 备注： git core.autocrlf（格式化） Git可以在你提交时自动地把行结束符CRLF转换成LF，而在签出代码时把LF转换成CRLF。用 core.autocrlf

文件自动保存 配置快捷键 ⌘, HTML JS代码补全 // 标签自动补全 "emmet.triggerExpansionOnTab": true, "files.associations": { "*.js": "html", "*.vue": "html" } Vue需要的插件 Vetur、ESLint、Prettier、Vue 2 Snippets npm安装支持包 npm install -g eslint settings.json配置文件 { // 解决MAC环境中CPU高占用的问题 "files.exclude": { "**/.git": true, "**/.svn": true, "**/.hg": true, "**/CVS": true, "**/.DS_Store": true, "**/tmp": true, "**/node_modules": true, "**/bower_components": true, // "**/dist": true }, "files.watcherExclude": { "**/.git/objects/**": true, "**/.git/subtree-cache/**": true, "**/node_modules/**": true, "**/tmp/**": true, "**/bower

1.在项目目录cmd下运行 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.下载成功后再运行 cnpm install node-sass 两个都下载成功后就可以正常的运行项目了。 如果你遇到了使用 npm 安 装node_modules 总是提示报错：报错: npm resource busy or locked..... 。 可以先删除以前安装的 node_modules : npm cache clean npm install 空格 报错 屏蔽代码 找到 webpack.base.config.js文件注释掉下面的东西！！ var path = require('path') var utils = require('./utils') var config = require('../config') var vueLoaderConfig = require('./vue-loader.conf') function resolve (dir) { return path.join(__dirname, '..', dir) } module.exports = { entry: { app: './src/main.js' }, output: { path: config.build

在我们学习ESLint之前，我们先来了解一下什么是ESLint ？ 什么是ESLint？ 官网上告诉我们，ESLint 是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具，哦，所以我们可以知道，ESLint 就是一个工具，而且是一个用来检查代码的工具。 代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。 JavaScript 是一个动态的弱类型语言，在开发中比较容易出错。因为没有编译程序，为了寻找 JavaScript 代码错误通常需要在执行过程中不断调试。 ESLint 这样的工具可以让程序员在编码的过程中发现问题，而不是在执行的过程中发现问题。 ESLint和 JSLint、JSHint的区别 在许多方面，ESLint和 JSLint、JSHint 相似，不过以下几点除外： ESLint 使用 Espree 解析 JavaScript。 ESLint 使用 AST 去分析代码中的模式。 ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。 ESlint的特点 内置规则和自定义规则共用一套规则 API。 内置的格式化方法和自定义的格式化方法共用一套格式化 API。

前言 VSCode 在经历了一番猛烈的升级以后，用户自定义文件 settings.json 又有了比较大的改动，许多插件的首页也写了相关的设置变更方法。 此文是在另一位大大的 博客 基础上的修改了用户设置的代码，剔除了报错的部分和过时的部分 感谢大大！ 步骤 根据https://www.cnblogs.com/zhoudawei/p/11198781.html下载相应插件和打开配置文件 修改最后的代码如下： （如果之前 settings.json 里面已经有代码，请去掉下面这段代码最外面的大括号 {} ） { // #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F "editor.formatOnSave": false, //设置tab的缩进为2 "editor.tabSize": 2, // #每次保存的时候将代码按eslint格式进行修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true, }, // 添加 vue 支持 "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true } ], //

在template使用scope属性时可能会出现波浪线或者编译时提示错误，但最终的编译结果正常，其实这是ESlint插件检查语法规范所致，该问题并不会影响程序的正常运行。 我们可以根据提示命令进行屏蔽编译过程的错误。 　在代码中我们可以利用命令来屏蔽一些语法规范的检查，如 eslint-disable-next-line和eslint-disable，注意了这些命令必须要采用注释的方式使用。 　　（1）eslint-disable命令的使用 　　eslint-disable命令表示会将该命令所在行后面的所有文件进行语法规范检查屏蔽，若遇到eslint-enable命令就会结束屏蔽。 若想屏蔽整个文档的语法规范检查，那么在文件的开头直接使用eslint-disable命令，在Vue文件的template标签中这样使用：<!-- eslint-disable -->，在script标签中这样使用： /* eslint-disable */ 若想屏蔽某段代码的语法规范检查，那么就结合eslint-disable和eslint-enable命令，在Vue文件的template标签中这样使用：<!-- eslint-disable --> 和 <!-- eslint-enable>两个命令将某段代码块包住，在script标签中这样使用：/* eslint-disable */ 和 /*

vscode设置中文显示： 安装插件： Chinese (Simplified) Language Pack for Visual Studio Code 安装后，在 locale.json 中添加 "locale": "zh-cn" ，即可载入中文（简体）语言包。 要修改 locale.json ，你可以同时按下 Ctrl+Shift+P 打开 命令面板 ，之后输入 "config" 筛选可用命令列表，最后选择 配置语言 命令 然后重启即可 vscode主题背景： 文件 -->首选项 --> 颜色主题 可以选择自己喜欢的主题背景，也可以去下载插件 One Dark Pro 这个主题挺赞的 eslint部分： 项目用了eslint，ctrl+s的时候对编写不规范的代码进行检测和修复 1.安装插件： eslint vetur 如果用的是stylus，保存的时候也会格式化css代码，不想的话可以下这个插件进行设置 文件---》首选项--》设置，进入配置： { "editor.fontSize": 18, "workbench.colorTheme": "One Dark Pro", "window.zoomLevel": 0, //每次保存的时候自动格式化 "editor.formatOnSave": true, "editor.detectIndentation": false, /