美文网首页全栈笔记
前端代码规范

前端代码规范

作者: 小贤笔记 | 来源:发表于2019-11-12 10:06 被阅读0次

开发工具

  • VS Code

VS Code 必装插件

  • ESlint
  • Prettier - Code formatter

使用脚手架创建 Vue 项目

  • 使用 vue-cli 创建项目时,请使用 eslint + prettier 选项。勾选 fix on savefix on commit,避免手动配置 git pre-commit hook

  • eslint 默认使用 vue/essential

  • vue-cli 不会自动添加 prettier 配置文件,所以需要手动添加。

.prettierrc.js 示例:

module.exports = {
  trailingComma: 'es5',
  tabWidth: 2,
  printWidth: 120,
  semi: false,
  singleQuote: true,
  htmlWhitespaceSensitivity: 'css'
}

相关文章

  • 代码规范

    代码规范 1. 概述 欢迎使用前端代码规范, 这里借鉴、引用的是京东前端代码规范。 遵循代码规范的目的在于增强团队...

  • 前端开发规范

    前端代码规范 Front Standard Guide 前端 JS 项目开发规范 规范的目的是为了编写高质量的代码...

  • 前端规范

    前端规范 规范说明 此为前端开发团队遵循和约定的代码书写规范,意在提高代码的规范性和可维护性。此规范为参考规范,统...

  • 代码规范

    代码规范 1. 概述 欢迎使用代码规范, 这个是我借鉴京东前端代码规范,组织的内部规范。旨在增强团队开发协作、提高...

  • 代码规范

    代码规范 作为前端工程化的第一步,就是要统一代码规范。而前端的代码规范,用三个插件就能保证(husky lint-...

  • 前端代码规范

    该文于 2013 年创作,经年修改,录以记之 统一的规范有助于团队合作开发,但规范又臭又长,又不利于阅读与遵守,所...

  • 前端代码规范

    命名规范 注释 eslint编码规范 使用两个空格进行缩进。eslint: indentfunction hell...

  • 前端代码规范

    一、前端编辑器 vscode 对angular、typescript有着非常友好的支持,轻便快捷,代码统一,一键格...

  • 前端代码规范

    一、格式化 1、代码缩进 4 个空格字符为一个缩进层级 2、语句结尾 每行语句结束必须使用分号结尾(“:”) 3、...

  • 前端代码规范

    HTML规范 1.基础规范 1.1 为每个HTML 页面的第一行添加标准模式(standard mode)的声明,...

网友评论

    本文标题:前端代码规范

    本文链接:https://www.haomeiwen.com/subject/ffjfictx.html