在建立React应用程序之前,建议可先安装VS Code Extension外挂套件,
用 VS Code 编写 React 应用程序时可以快速又方便的编写程序,可以自动完成元件架构,尤其在写jsx 的时候可以少打很多东西,能更有效地开发 React 应用程序。
此套件可以轻松地为 React生成语法和代码片段,每次需要创建一个新组件时(new component),只需编写rce(对於类组件)或rfce or rfc(对於功能组件),打 rccp 就可以自动完成元件架构。
例如:
imr →import React from 'react'
imrd→import ReactDOM from 'react-dom'
rafce → 这个会很常用到
import React from 'react'
const Card = () => {
return (
<div>
</div>
)
}
export default Card
rfc →
import React from 'react'
export default function test() {
return (
<div>
</div>
)
}
rccp→
import React, { Component } from 'react'
import PropTypes from 'prop-types'
export default class test extends Component {
static propTypes = {
prop: PropTypes
}
render() {
return (
<div>
</div>
)
}
}
Prettier可以将代码格式化并使其看起来清晰为美观且易於编写与阅读程序。
网路上还有许多推荐的VS Code Extension外挂套件,可依需求而安装。
<<: Day 2: LeetCode 978. Longest Turbulent Subarray
4.7 类型转换 实例105 强制转换 实例106 将int 数值自动转型为double 数值 实...
Tensorflow 衣物图像分类 辅助阅读: Basic classification: Clas...
昨天做完了验证码,那今天就把他加入到帐号密码之中 首先要先建立一个imageview来存放验证码,并...
今天想做色彩渐变,角色很单纯只有笔刷一位,预计做出的效果是在网页上用滑鼠涂色,让笔刷跟着滑鼠游标移动...
-ICT SCRM 支柱和可见性(来源:NIST SP 800-161) 仅当购买正版产品时,生命...