前端开发代码区规范分享

在日常开发中，如果没有代码功能区的划分，那将是一件非常糟糕的事情。前端训练标准化代码区的好处是各个代码区的功能清晰明了。当我们搜索代码时，我们也更加确定位置。没必要慢慢找，而是一个区域一个区域缩小，合作伙伴也比较友好。.我们以React为例（这里只是一个通用的区域，大家可以根据需要添加自定义区域名词）classAkSyaextendsReact.Component{constructor(props:Props){super(props);}//*********************//默认函数//*********************publicupdateLocalState(){//...}publicupdateGlobalState(){//...}//************************//生命周期函数//*********************asynccomponentDidMount(){//...}asynccomponentWillUnmount(){//...}//**********************//服务函数//*********************asyncgetUserName(){//...}asyncupdateUserName(){//...}//*********************//查看//**********************render(){return(

)}}//*//类型//*typeProps={//...};typeState={//...};下面是我写的Vscode插件（file-teleport）的部分代码，是不是感觉各个功能区都清楚了Tips：通用代码区注释，我们可以使用VScode的代码片段做一些临时的提前延迟，所以我们不需要每次都重写它们。文章来源AKSYA