前端规范目的是什么提高团队开发效率。有利于项目的后期维护。良好的代码规范，不仅能够让代码简洁清晰，还可以减少 bug 的出现，更能够让看代码的人赏心悦目。总结八个字： 统一规范方便高效1.编辑器风格参考google编码风格每行200字符后，建议换行 (若不影响可读性，可不进行换行)说明：虽然对于js推荐120个字符。但是为了方便vue组件视觉适应性，统一采用200个字符TAB键：默认 1个 TAB

prettier配置Prettier是一个代码格式化程序Prettier自定义配置tabWidth：指定每个缩进级别的空格数。printWidth：最大允许行长是多少singleQuote：使用单引号而不是双引号。semi：在语句末尾打印分号。trailingComma：多行时尽可能打印尾随逗号。（例如，单行数组永远不会出现逗号结尾。）arrowParens：在单独的箭头函数参数周围包括括号。js

vue相关1.vue生命周期什么是Vue生命周期？Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期Vue生命周期的作用是什么？它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑Vue生命周期总共有几个阶段？它可以总共分为8个阶段：创建前/后, 载入前/

需求把所有文件打包成一个html文件项目环境：webpack4 + vue 2 +vue-cli 4使用vue-cli脚手架打包出来的问件，包括css,fonts（字体图标相关文件）,img(png,svg等),js，html最终配置完成打包后：https://chastephp.com/js/202003/83.htmlconst HtmlWebpackPlugin = require('htm

引言：vue2中需要掌握的知识基础知识创建实例模板语法/JSX语法指令data及数据劫持methods / computed / watch / filters事件监听和修饰符条件渲染循环渲染表单处理和修饰符class/style样式处理…组件开发局部组件全局组件组件命名属性处理自定义事件和EventBus插槽和作用域插槽动态组件和异步组件…高级应用混入 Mixins插件开发 Vue.use()自

在Vue项目中使用React组件(antd组件库也可以)，在React中使用Vue组件下面我写个demo教大家如何在Vue组件库中使用React组件甚至antd组件触类旁通,在React中使用Vue组件，自行解决，锻炼自己使用vue-cli创建项目这个大家应该都会，不会的话看下Vue-Cli脚手架(Vue全家桶之一详解)下载依赖下载Reactnpm install --save react rea

html文件用vue{/*prefix :代码片段名字，即输入此名字就可以调用代码片段。body :这个是代码段的主体.需要编写的代码放在这里,$1 :生成代码后光标的初始位置.$2 :生成代码后光标的第二个位置,按tab键可进行快速切换,还可以有$3,$4,$5.....${1,字符} :生成代码后光标的初始位置(其中1表示光标开始的序号，字符表示生成代码后光标会直接选中字符。)descript

代码注释 单行、多行、jsdoc注释特殊标记注释 todo等 vscode注释快捷键 vscode注释插件

node IO npm commonjs node模块管理 node相关指令 nvm管理node版本 node运行机制 node事件循环

项目中为什么要设置alias项目中会设置alias（别名），避免通过…/…/导入打包效率增加，避免自己找错文件层级vue中设置alias在vue.config.js中chainWebpack: config => {config.resolve.alias.set('@', resolve('src')).set('assets', resolve('./src/assets')).set(