VUE项目编程规范实践

最新推荐文章于 2024-04-11 02:49:49 发布
最新推荐文章于 2024-04-11 02:49:49 发布
阅读量394 收藏
点赞数 1
分类专栏： web前端开发 综合 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33678670/article/details/87372262
版权

文章目录

1 开发环境

1.1 开发工具

不做限制，但是不能使项目文件出现多于空格及换行符。

1.2 安装方法

操作 命令
安装依赖 npm install
运行开发环境 npm run dev
打包代码 npm run build

2 命名规则

注意：所有命名尽量控制于一个单词

2.1 文件及文件夹

类型 规则 命名
文件 驼峰式 viewPanel.vue
文件夹 驼峰式 imagesManager

2.2 变量、常量及方法

类型 规则 命名
变量 驼峰式 configBase
常量 全大写 SAVE_DATA
类名 大驼峰式 BaseServer
普通方法 驼峰式 op
最低0.47元/天 解锁文章
ChrisCheng0821
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue商店：Vue商店
02-13
在开始之前，确保你的系统已经安装了Node.js和npm（Node Package Manager），因为这些是运行Vue项目的必备工具。接下来，按照以下步骤操作： 1. **克隆或下载项目**： 首先，你需要获取Vue商店的源代码。如果提供...
代码编辑器实践之vue-codemirror使用
weixin_41886421的博客
08-05 3051
程序员用到`IDE`次数比较频繁，比如`vscode`、`idea`等，这些都是市场上比较流行的代码编辑器，拥有非常全面的功能。但是有时候在项目开发上也会用到代码编辑器，比如复杂的`Array`输入，或者需要用到用户交互的代码逻辑，或者需要用到json、yaml格式文件时的校验等等。本来也不了解，只是接收到了项目需求，于是开始慢慢了解，以下为一点点实践，不足之处敬请指出
vue 代码实例
齐枫的博客
07-05 5898
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="a
Vue3项目搭建规范，前端岗
最新发布
2401_84139944的博客
04-11 942
=就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。一个人可以走的很快，但一群人才能走的更远。
Vue的开发规范
luoqiang616477607的专栏
01-08 2970
Vue 开发规范目录及说明 本文档为前端 vue 开发规范 规范目的 命名规范 结构化规范 注释规范 编码规范 CSS 规范 规范目的 为提高团队协作效率 便于后台人员添加功能及前端后期优化维护 输出高质量的文档 命名规范 为了让大家书写可维护的代码，而不是一次性的代码 让团队当中其他人看你的代码能一目了然 甚至一段时间时候后你再看你某个时候写的代码也能看 普通变量命名规范 命名方法 ：驼峰命名法 命名规范 ： 命名必须是跟需求的内容相关的词，比如说我
技术文档（3）前端开发—vue项目—规范文档
热门推荐
dugujiuding的博客
03-31 1万+
前端开发—vue项目—规范文档
Vue 开发规范
YZRHANYU的博客
11-02 757
Vue 开发规范
(SSM、Spring Boot、Spring Security、MinIO、Vue). 以Java项目实践
03-06
代码规范：项目代码严格按照行业标准和最佳实践进行编写，易于阅读和维护。 文档齐全：每个项目都配备了详细的开发文档和使用说明，方便您快速上手和定制开发。 三、适用人群 Java初学者：通过学习和实践这些项目，...
大学生毕业设计项目实训,基于vue开发的养殖类APP项目,使用的是cube-UI
01-08
通过这个实训项目，学生不仅能够深入理解Vue.js及其生态系统，还能掌握前端开发流程，提升项目实践能力，为未来的职业生涯打下坚实的基础。而【压缩包子文件的文件名称列表】中的"项目源码"则意味着包含了所有实现该...
Java毕业设计项目-在线问卷(vue)
07-27
2. **VueCLI**：Vue CLI（命令行工具）是Vue.js官方提供的脚手架，用于快速搭建Vue项目。它可以自动化配置Webpack、Babel、PWA等工具，大大提高了开发效率，减少了手动配置的工作量。 3. **HTML/CSS/JavaScript**：...
《前端Vue开发规范》
maeryang0510的博客
07-19 1081
vue项目开发规范一览表
前端 Vue 开发规范值得收藏
企业敏捷与DevOps专栏
09-17 513
基于Vue官方风格指南整理 一、强制 组件名为多个单词 组件名应该始终是多个单词的，根组件 App 除外。 正例： export default { name: 'TodoItem', // ... } 反例： export default { name: 'Todo', // ... } 组件数据 组件的 data 必须是一个函数。 当在组件中使用 data 属性的时候 (除...
前端Vue开发规范
Heidi
01-22 1464
使用缓存，压缩资源，减少HTTP请求，减少重绘和重排，使用CSS Sprites，使用CDN，优化图片，懒加载，异步加载，减少DOM操作，使用Web Worker，使用Service Worker，使用浏览器缓存，代码优化和测试优化等。3.正确使用模块，如果模块只有一个输出值，就使用export default，如果模块有多个输出值，就不使用export default， export default与普通的export不要同时使用。同时，建立友好的反馈机制，收集用户的意见和建议，改进产品质量。
Vue项目开发规范（精简版）
zhang19903848257的博客
10-22 2326
简介 本文介绍了项目中最基本的开发规范，这些都是最基本要求，当然，开发中，还应根据项目具体要求的规范进行开发。后续规范将会持续更新中。 代码风格 缩进 [强制] 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格或 tab 字符 单行最长限制，每行不得超过 120 个字符 模块书写顺序 [建议] template -> script -> style template 根节点： template 根节点只允许包含一个直接子节点，以下情况都是不允许的： 根结点为空； 根结点是文字； 根
Vue开发规范
weixin_41832607的博客
08-24 260
一：开发规范目的 为提高团队协作效率，规范文件管理，方便项目后期维护，提高代码质量 二：命名规范 1.普通变量命名规范 命名方法：驼峰式命名法 命名规范： a:语义化命名，命名必须是跟需求的内容相关的词 const proList = "产品列表页"; b: 命名是复数的时候需要加s const names = new Array(); 2.常量 命名方法：全部大写 命名规范： 使用大写字母和...
vue开发规范
qq_39685400的博客
07-18 205
一些开发规范
Vue项目搭建及代码规范
m0_60820509的博客
09-07 353
学习心得，还在完善...
【9.0】Vue之项目规范
Chimengmeng的博客
08-06 89
【一】vue-cli创建项目 【1】引入 单页面应用(SPA) 单页面应用(Single Page Application，简称SPA)是一种Web应用程序的架构方式。 传统的多页面应用中，每次导航到新页面都会进行整个页面的重新加载。 而SPA只有一个主页面(通常是index.html)，页面的内容通过动态渲染来更新，不会重新加载整个页面。 在使用Vue开发SPA时，我们通常只需要一个H...
前端开发规范（前端开发规范）
05-09
规范涵盖了编程规约、HTML规范、CSS规范、LESS规范以及JavaScript规范，并针对Vue项目给出了特定的编码和目录规范。下面将详细讨论这些规范的主要内容。 一、编程规约 1. 命名规范： - 项目命名：应清晰、有规律，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值