之前有看过一些命名规范,也看到说vue文件命名要么全是小写要么就是用小写 + '-':其实看到的时候有点不以意,因为本地能跑起项目:发布能正常访问也就OK了. 但是今天在做自动化部署的时候碰到一个问题,找了很久才发现原来就是大小写惹的祸. 用linux部署一直报错,如下: 相信问题大家都很容易看懂,就是找不到文件,但是我们在本地跑是没问题的,问题来了,这是为什么呢? 所以强烈建议大家注意文件名的大小写呀,”血淋漓"的坑啊…

一.简介 团队合作中规范文档是必须的,在多人合作的项目只有定义好一定的编码规范才会使得开发井井有序,代码一目了然,下边将谈一下个人对vue使用规范的一些看法. 二.规范案例 1.组件命名 组件文件名应该始终以单词大写开头(PascalCase),组件名也是以单词大写开头,当多个单词拼写成的组件时,单词开头大写,采用驼峰式命名规则.一般是多个单词全拼,减少简写的情况,这样增加可读性.组件应该都放到components文件夹下,单个页面独立一个文件夹,用来放相对应的vue文件以及页面相关的样式文件,…

vue eslint 规范配置 为了代码格式统一,避免一些低级或者不合理的错误,现强行使用eslint的 standard规范 项目配置 目前都是使用 vue 提供的脚手架进行开发的,虽然 vue-cli 3.0,但是公司因为配置了OAuth的缘故,暂时还是只能使用vue-cli 2.0, 因而当前配置会结合两个版本进行阐述 目的 可以通过编辑器(vscode)进行提示同时可以修复,如此便是最好的 vue-cli 2.0 新建项目时选择 standard格式 测试eslint (随便选个地方,打…

本文档为前端 vue 开发规范 规范目的 命名规范 结构化规范 注释规范 编码规范 CSS 规范 规范目的 为提高团队协作效率 便于后台人员添加功能及前端后期优化维护 输出高质量的文档 命名规范 为了让大家书写可维护的代码,而不是一次性的代码 让团队当中其他人看你的代码能一目了然 甚至一段时间时候后你再看你某个时候写的代码也能看 普通变量命名规范 命名方法 :驼峰命名法 命名规范 : 命名必须是跟需求的内容相关的词,比如说我想申明一个变量,用来表示我的学校,那么我们可以这样定义const myS…

目录 一.项目结构的核心思想 二.项目目录结构 三.资源路径编译规则 四.index.html 五.build目录 和 config目录 六.public目录 七.static 目录 八.src目录结构 九.间接访问 十.目录的分类 十一.应用软件用户界面的结构 十二.业务代码的目录结构 1.项目业务逻辑的根目录 2.模块的目录 3.流程的目录 4.页面的目录 5.组件的目录 业务代码的目录结构 十三.新概念的定义 十四.Vuex的拆分方案 分散式Vuex的拆分规则 相关工具函数的实现 十五.v…

最近 Vue 用的比较多,而且因为公司里有实习生,当几个人写一个项目的时候,会出现很多问题,最麻烦的就是规范不统一,之前我有一篇文章是说, vue 是比较有规范的一种框架了,但是也会出现很多问题,所以我今天写了一篇规范,也顺便拿出来分享一下 一:关于 axios 1.axios 默认参数添加:main.js: axios.defaults.timeout = 5000; axios.defaults.baseURL = '/api';//默认全局前缀,build 后可以直接改动这里 //拦截 a…

views 命名 views 文件夹下面是由 以页面为单位的vue文件 或者 模块文件夹 组成的,放在 src 目录之下,与 components.assets 同级. views 下的文件夹命名 views 下面的文件夹代表着模块的名字 由名词组成(car.order.cart) 单词只能有一个(good: car order cart)(bad: carInfo carpage) 尽量是名词(good: car)(bad: greet good) 以小写开头(good: car)(bad:…

1, 组件化 2, css 分清单独和通用的 3, 封装请求 4, 命名原则 1: 尽量和后端保持一致 2: 简单常见的单词 3: 全部小写…

// html模板<template>    <div>因联vue页面规范</div></template><script>   // 模块系统   import a from './module/a.vue'   import moment from 'momnet'   export default {       // 页面组件名称      name: 'MyComponentName',      // 引用组件      compon…

前言 本命名风格指南推荐了一种统一的命名规范来编写 Vue.js 代码.这使得代码具有如下的特性: 统一团队的命名规范,其它开发者或是团队成员更容易上手阅读和理解. IDEs 更容易理解代码,从而提供高亮.格式化等辅助功能. 本指南只是个人总结归纳的,仅作为一种参考. 命名分类 现在常用的vue命名规范无外乎四种: camelCase(驼峰式 ) kebab-case(短横线连接式) PascalCase(帕斯卡命名式) Snake(下划线连接式) 文件夹命名 如果你展开 node_module…