vscode 支持es6语法

在首选项中 设置:

"jshint.enable": false,

在根目录中建立eslintrc.yml

parser: babel-eslint
parserOptions:
  ecmaFeatures:
    jsx: true
    modules: true
  sourceType: module
plugins:
  - babel
  - react
env:
  browser: true
  es6: true
  node: true
  commonjs: true
globals:
  __DEV__: true
  __BUILD_TIME__: false
  __COMMIT_HASH__: false
rules:
  no-cond-assign: 0
  no-constant-condition: 1
  no-debugger: 1
  no-dupe-args: 2
  no-dupe-keys: 2
  no-duplicate-case: 2
  no-empty-character-class: 2
  no-empty: 1
  no-ex-assign: 2
  no-extra-boolean-cast: 2
  no-extra-semi: 2
  no-func-assign: 2
  no-inner-declarations: 2
  no-invalid-regexp: 2
  no-irregular-whitespace: 2
  no-obj-calls: 2
  no-sparse-arrays: 2
  no-unexpected-multiline: 2
  no-unreachable: 1
  use-isnan: 2
  valid-jsdoc:
    - 0
    - requireParamDescription: false
      requireReturnDescription: false
      requireReturn: false
      prefer:
        returns: returns
  valid-typeof: 2
  eqeqeq: 2
  guard-for-in: 2
  no-caller: 2
  no-empty-pattern: 2
  no-eq-null: 2
  no-eval: 1
  no-extend-native: 2
  no-extra-bind: 2
  no-multi-spaces: 2
  no-multi-str: 2
  no-new-wrappers: 2
  no-redeclare: 2
  no-self-assign: 2
  no-throw-literal: 2
  no-unused-labels: 2
  no-useless-escape: 1
  no-void: 0
  no-with: 2
  no-delete-var: 2
  no-undef: 2
  no-unused-vars:
    - 1
    - args: none
  array-bracket-spacing:
    - 2
    - never
  brace-style:
    - 2
    - 1tbs
    - allowSingleLine: true
  camelcase:
    - 0
    - properties: never
  comma-dangle:
    - 2
    - never
  comma-spacing: 2
  comma-style: 2
  computed-property-spacing: 2
  eol-last: 2
  func-call-spacing: 2
  key-spacing: 2
  keyword-spacing: 2
  linebreak-style:
    - error
    - unix
  max-len:
    - 2
    - code: 180
      tabWidth: 2
      ignoreUrls: true
  new-cap: 0
  no-array-constructor: 2
  no-mixed-spaces-and-tabs: 2
  no-multiple-empty-lines:
    - 2
    - max: 4
  no-new-object: 2
  one-var:
    - 0
    - var: never
      let: never
      const: never
  padded-blocks:
    - 2
    - never
  quote-props:
    - 0
    - consistent
  quotes:
    - 2
    - single
    - allowTemplateLiterals: true
  require-jsdoc:
    - 0
    - require:
        ClassDeclaration: true
  semi-spacing: 2
  semi: ‘off‘
  space-before-blocks: 2
  space-before-function-paren:
    - 0
    - always
  spaced-comment:
    - 1
    - always
  arrow-parens:
    - 2
    - as-needed
  constructor-super: 2
  generator-star-spacing:
    - 2
    - after
  no-const-assign: 2
  no-dupe-class-members: 2
  no-new-symbol: 2
  no-this-before-super: 2
  no-var: 2
  object-shorthand: 1
  prefer-rest-params: 2
  prefer-spread: 2
  rest-spread-spacing: 2
  yield-star-spacing:
    - 2
    - after
  babel/object-curly-spacing: 0
  react/display-name: 0
  react/jsx-boolean-value: 1
  react/jsx-closing-bracket-location: 2
  react/jsx-curly-spacing: 0
  react/jsx-max-props-per-line: 0
  react/jsx-indent-props:
    - 0
    - 2
  react/jsx-no-duplicate-props: 1
  react/jsx-no-undef: 2
  react/jsx-pascal-case: 1
  react/sort-prop-types: 0
  react/jsx-sort-props: 0
  react/jsx-uses-react: 1
  react/no-danger: 0
  react/no-did-mount-set-state: 1
  react/no-did-update-set-state: 2
  react/no-multi-comp: 0
  react/no-unknown-property: 1
  react/react-in-jsx-scope: 0
  react/self-closing-comp: 1
  react/sort-comp: 1
  react/jsx-uses-vars: 2
时间: 2024-11-02 09:22:40

vscode 支持es6语法的相关文章

使用babel转码器,让浏览器支持es6语法

ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,可是很多浏览器并不支持es6语法,所以我们需要一个转码工具, 把es6的语法转换成浏览器支持的javascript,Babel是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码.在babel的安装设置里我选用的是使用node 来进行安装. 1.在你的项目下输入命令: npm install --save-dev babel-core 按回车健,运行如下: 2.配置文件.babelrc 在项目根目

nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案

node本身并不支持es6语法,我们通常在vue项目中使用es6语法,是因为,我们使用babel做过处理, 为了让项目支持es6语法,我们必须同时使用babel 去启动我们的程序,所以再启动程序中加 --exec babel-node,让node 和babel-node同时启动程序 需要在package.json文件夹中 "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/i

如何让浏览器支持ES6语法,步骤详细到小学生都能看懂!

为什么ES6会有兼容性问题? 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器若没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器肯定无法识别我们的ES6代码,好比浏览器根本看不懂我写的let和const是什么东西?只能报错了.这就是浏览器对ES6的兼容性问题. 好消息 哪里有灾难,哪里就有勇士和救兵,针对ES6的兼容性问题,很多团队为此开发出了多种语法解析转换工具,把我们写的ES6语法转换成ES5,相当于

用terser-webpack-plugin替换掉uglifyjs-webpack-plugin解决uglifyjs不支持es6语法问题

辛辛苦苦写好了前端代码,准备发布的时候,编译报错: ..... from UglifyJs Unexpected token: keyword (const)..... 咋回事呀? 问Google,Google说,因为你的代码里面包含了ES6的语法,你的uglifyjs不支持的呀. 用terser-webpack-plugin替换掉uglifyjs-webpack-plugin 传送门: https://github.com/webpack-contrib/terser-webpack-plug

ES6语法将扁平的JSON对象结构化

适用于支持ES6语法的项目中. Form表单提交整个Table的数据,每单个表单必须有唯一的name,当数据量较大时,不可能去手动设置每一个name名. 因此通过遍历出有规律的name,然后通过Form表单提交所有数据,再去处理数据,将其转为分类的结构化数据,作为参数传给后端. const obj = { id0: 'id000', id1: 'id001', id2: 'id002', num0: 'num000', num1: 'num001', num2: 'num002', card0:

WebStorm ES6 语法支持设置

ECMAScript 6是JavaScript语言的下一代标准,已经在2015年6月正式发布了.Mozilla公司将在这个标准的基础上,推出JavaScript 2.0.ES6的目标,是使得JavaScript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言. 作为一只猴子,我也想尝试一下ES6有什么新特性,于是开始了学习之路. 在webstorm写下了这段代码,体验一下ES6语法的便利,但是一大堆报错 各种语法错误 what the fuck 相信每一只程序猴都不想在这样的环境下编码,

sublime3 支持jsx es6语法

Sublime Text3 React.js开发常用插件 本文主要是针对jsx语法的,用来快速编写组件中的html部分. babel 支持ES6.React.js.jsx代码语法高亮. 安装 command+shift+p -> install package -> babel 配置 该插件不需要额外配置,在打开.js或.jsx后缀的文件,直接选择Babel为对应的语法就可以了. Emmet 可以自动扩展react的className,这点不要太爽-我们要做的,只是安装好它之后稍微做下配置修改

Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法

添加新建.vue文件功能 ①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击serch in repositories ②点击安装vue.js ③安装成功后点击右下角Apply 提示重启webstorm 重启完成后 Setting-Editor-File and Code Templates 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容 ④点击OK 返回,在项目中新建会出现

VsCode支持的markdown语法参考(一)

目录 VsCode支持的markdown语法参考 1. 文本部分 1.1 斜体和粗体,删除线 1.2 分级标题 1.3 常用 Emoji & Font-Awesome 1.4 引用和注脚 标注 缩略: 标记 1.5 外链接 1.6文字引用 1.7 内容目录 2. 标签分类 2.0 常用布局 2.1 无序列表 2.3 行内代码块 2.4 插入图像 2.5 表格支持 2.6 定义型列表 2.7 Html 标签 2.8 待办事宜 Todo 列表 VsCode支持的markdown语法参考 1. 文本部