HTMLHint、CSSLint、ESLint

HTMLHintCSSLintESLint

 

ESLint

    灵活,任何规则都可以开启闭合,以及有些规则有些额外配置

    很容易拓展和有需要可用插件

    容易理解产出

    包含了在其他检查器中不可用的规则,使得ESLint在错误检查上更有用

    支持ES6,唯一支持JSX的工具

    支持自定义报告

 

 

、安装 VisualStudio Code

 

、安装插件,点击扩展

安装ESLint   用于JS代码的静态检查

安装HTMLHint 用于HTML代码的静态检查

安装CSSLint用于CSS代码的静态检查

安装Vetur   用于IDE支持.vue格式的文本

 

、配置文档

3.1  .htmlhintrc.eslintrc.json.csslintrc文件放在需要测试的根目录,此时打开对应的文件,hemlhintcsslint就可以使用了

3.2  eslintrc的特殊设置

3.2.1  公司内网现在,需给Visual Studio Code设置代理

文件-->首选项-->设置

-------------------------------------------------------------------------------

// 将设置放入此文件中以覆盖默认设置

{

// HTTP 配置

// 要使用的代理设置。如果尚未设置,则将从 http_proxy https_proxy 环境变量获取

"http.proxy":"这里填写你的代理地址",

// 是否应根据提供的 CA 列表验证代理服务器证书。

"http.proxyStrictSSL": true,

"window.zoomLevel": 1,

"files.autoSave":"off",

"files.associations": {

"*.vue": "vue"

},

"eslint.validate": [

"javascript",

"javascriptreact",

"html",

"vue"

],

"eslint.options":{

"plugins": ["html"]

},

//"eslint.options": {"configFile":"C:/mydirectory/.eslintrc.json" },

//"eslint.workingDirectories":["./client", "./server"]

"git.ignoreLegacyWarning": true

}

-----------------------------------------------------------------------------------------

设置代理,支持内网,设置eslint支持的文件类型

 

node安装:

workspace install  :   npm install eslint

global install : npm install -g eslint

 

生成配置文件  .eslintrc :

Create '.eslintrc.json' file

如果是全局安装:eslint--init

局部安装:.\node_modules\.bin\eslint--init


猜你喜欢

转载自blog.csdn.net/dubinglin/article/details/80748275
今日推荐