位置: IT常识 - 正文
web前端开发规范(web前端开发规范有哪些)
发布时间：2024-01-23web前端开发规范 规范概述 一个人走的更快，一群人可以走的更远，前提是统一的策略，还要不断地反省和优化。不管有多少人共同参与同一项目，尽可能确保每一行代码都像是同一个人编写的 开发目录规范 开发环境规范 开发编码规范 一、目录及文件命名规范 (一)、例静态专题页目录 - src / html 源代 ... web前端开发规范规范概述
使用 Chrome 浏览器并安装 Vue.js devtools 进行调试三、编码规范（一）、HTML / Template 编码规范HTML换行缩进：采用 tab空格尽量减少标签层级双标签必须闭合，单标签用斜线闭合行内元素里面不可使用块级元素<a href="https://www.cnblogs.com/catchFish-ing/test"> <div></div></a>避免使用已过时标签，如：font对于属性的定义，使用双引号，不要使用单引号为每个 HTML 页面根元素添加 lang 属性 <html lang="zh-CN"> <!-- ... --> </html>通过
本文链接地址:https://www.jiuchutong.com/zhishi/304770.html
转载请保留说明！
推荐整理分享web前端开发规范(web前端开发规范有哪些)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:web前端开发规范手册,web前端开发规范最新版,web前端开发规范手册.doc,web前端开发规范手册,web前端开发规范有哪些,web前端开发规范手册.doc,web前端开发规范最新版,web前端开发规范手册.doc,内容如对您有帮助，希望把文章链接给更多的朋友！
一个人走的更快，一群人可以走的更远，前提是统一的策略，还要不断地反省和优化。不管有多少人共同参与同一项目，尽可能确保每一行代码都像是同一个人编写的
开发目录规范开发环境规范开发编码规范一、目录及文件命名规范(一)、例静态专题页目录 - src / html 源代码 - img / image / images 图片资源 - js JavaScript脚本 - dep / development / package 第三方依赖包（二）、例管理端项目目录 - project -- static / public 静态文件 -- js -- css -- tpl -- index.html ... -- src 源代码（逻辑） -- common 公共资源 -- img -- css ... -- component 组件 -- home -- login ... -- api 接口请求 -- view / page 模板文件（三）、命名规范 目录，文件名称统一小驼峰命名法。productDetail.html二、环境要求（一）、开发环境统一Node.js 8.9 或更高版本，你可以使用 nvm 或 nvm-windows 在一台电脑中管理多个 Node 版本使用VS Code进行代码编写规定 Tab 大小为 2 个空格，保证在所有环境下获得一致展现(settings.json文件修改"editor.tabSize": 2)安装插件 Vetur（ Vue开发扩展及 Vue 文件代码格式化）使用 Chrome 浏览器并安装 Vue.js devtools 进行调试三、编码规范（一）、HTML / Template 编码规范HTML换行缩进：采用 tab空格尽量减少标签层级双标签必须闭合，单标签用斜线闭合行内元素里面不可使用块级元素<a href="https://www.cnblogs.com/catchFish-ing/test"> <div></div></a>避免使用已过时标签，如：font对于属性的定义，使用双引号，不要使用单引号为每个 HTML 页面根元素添加 lang 属性 <html lang="zh-CN"> <!-- ... --> </html>通过上一篇：vue跨域问题解决：Access to XMLHttpRequest at‘httplocalhost(vue解决跨域的几种办法)
