用的是nodemon的热更新开发,怎么加eslint语法检测呢? 就是每次保存代码eslint检测语法,没有问题nodemon继续运行。
VS Code 装 ESLint 会实时提醒,保存会自动 fix。
一般在开发阶段 lint 也就是提醒吧,就算强制要求通过也是在功能/阶段性开发完成之后检查。没理由每次保存都必须通过,多耽误事。
@brickyang 我想集成的类似vue-cli脚手架那种编辑代码保存后再检测,而不是编辑器装检测,编辑器装检测感觉卡卡卡的
lint-staged husky
sublime 可以设置每次保存后执行gulp之类的运行eslint去检查
VSC配置项: “eslint.autoFixOnSave”: true
我们项目里的规则: https://github.com/xiaozhongliu/node-api-seed/blob/master/.eslintrc.js
module.exports = { extends: 'airbnb', rules: { 'array-callback-return': 0, 'arrow-body-style': 0, 'arrow-parens': 0, 'comma-dangle': 0, 'consistent-return': 0, 'func-names': 0, 'global-require': 0, 'guard-for-in': 0, 'import/no-dynamic-require': 0, 'indent': ['error', 4], 'max-len': 0, 'no-await-in-loop': 0, 'no-bitwise': 0, 'no-console': 0, 'no-lonely-if': 0, 'no-new': 0, 'no-param-reassign': 0, 'no-plusplus': 0, 'no-restricted-syntax': 0, 'no-underscore-dangle': 0, 'no-unused-expressions': 0, 'no-use-before-define': 0, 'object-curly-newline': 0, 'prefer-const': ['error', { 'destructuring': 'all' }], 'semi': [2, 'never'], } }
@XiaozhongLiu 这是编辑器里,我想看看有没有类似vue开发里的那种检测
@mengdu 卡的原因是什么, 机器再差也差不到哪里去. 就开发一个前端为什么卡. 你这都卡, 那java多开几个idea, .net多开几个visual studio还活不活了. 我i5 8g的机器开俩idea, vscode, compass, valentina, chrome多tab, 还有个onenote这个大户, 也没啥压力啊.
楼主可能需要自建一套简单的工具链 流程上就是检查代码是否更改 -> 走 eslint (甚至可以走 babel) -> 关掉原来的 node 进程 -> 调用 node 运行 前两步可以用 gulp 的 watch 模式解决,后两步可以用 nodemon 解决 不一样的地方在于,用 gulp 编译完的东西是放到 dist 文件夹的(假设源码在 src 文件夹),nodemon 运行 dist 文件夹里面的文件 这样如果前两步报错,dist 文件夹内容不会改变,nodemon 也就不会重启项目
这个方案有两个比较不完善的地方:
@hjkcai 谢谢,不过node的代码加sourceMap的话报错信息能定位到原来的位置么?
@mengdu 至少 vscode 是可以的,如果不用 vscode 调试可以引入一下 sourcemap-support 这个库,也可以让定位信息正确
参考我的这个项目。 https://github.com/open-node/open-rest
webstrom支持eslint,直接在ide提示语法错误
@nnliang 需要安装什么插件?
prettier
gulp 自动化构建工具,,,,需要npm 包,不用插件
@nnliang 你现在用sublime写前端?
webstrom自带eslint
@chapgaga sublime 只用来查看单个文件,写代码用的vscode
@yuezm webstorm和vscode,你更喜欢用哪个?
@chapgaga webstrom…就是内存占的有点多
@yuezm 用的是付费版么:)
@chapgaga 穷啊,用的网上的注册码,你百度下就有了
@yuezm vscode不够么?
CNode 社区为国内最专业的 Node.js 开源技术社区,致力于 Node.js 的技术研究。
VS Code 装 ESLint 会实时提醒,保存会自动 fix。
一般在开发阶段 lint 也就是提醒吧,就算强制要求通过也是在功能/阶段性开发完成之后检查。没理由每次保存都必须通过,多耽误事。
@brickyang 我想集成的类似vue-cli脚手架那种编辑代码保存后再检测,而不是编辑器装检测,编辑器装检测感觉卡卡卡的
lint-staged husky
sublime 可以设置每次保存后执行gulp之类的运行eslint去检查
VSC配置项: “eslint.autoFixOnSave”: true
我们项目里的规则: https://github.com/xiaozhongliu/node-api-seed/blob/master/.eslintrc.js
@XiaozhongLiu 这是编辑器里,我想看看有没有类似vue开发里的那种检测
@mengdu 卡的原因是什么, 机器再差也差不到哪里去. 就开发一个前端为什么卡. 你这都卡, 那java多开几个idea, .net多开几个visual studio还活不活了. 我i5 8g的机器开俩idea, vscode, compass, valentina, chrome多tab, 还有个onenote这个大户, 也没啥压力啊.
楼主可能需要自建一套简单的工具链 流程上就是检查代码是否更改 -> 走 eslint (甚至可以走 babel) -> 关掉原来的 node 进程 -> 调用 node 运行 前两步可以用 gulp 的 watch 模式解决,后两步可以用 nodemon 解决 不一样的地方在于,用 gulp 编译完的东西是放到 dist 文件夹的(假设源码在 src 文件夹),nodemon 运行 dist 文件夹里面的文件 这样如果前两步报错,dist 文件夹内容不会改变,nodemon 也就不会重启项目
这个方案有两个比较不完善的地方:
@hjkcai 谢谢,不过node的代码加sourceMap的话报错信息能定位到原来的位置么?
@mengdu 至少 vscode 是可以的,如果不用 vscode 调试可以引入一下 sourcemap-support 这个库,也可以让定位信息正确
参考我的这个项目。 https://github.com/open-node/open-rest
webstrom支持eslint,直接在ide提示语法错误
@nnliang 需要安装什么插件?
prettier
gulp 自动化构建工具,,,,需要npm 包,不用插件
@nnliang 你现在用sublime写前端?
webstrom自带eslint
@chapgaga sublime 只用来查看单个文件,写代码用的vscode
@yuezm webstorm和vscode,你更喜欢用哪个?
@chapgaga webstrom…就是内存占的有点多
@yuezm 用的是付费版么:)
@chapgaga 穷啊,用的网上的注册码,你百度下就有了
@yuezm vscode不够么?