Day02 工欲善其事必先利其器

VS Code Extension外挂套件

在建立React应用程序之前,建议可先安装VS Code Extension外挂套件,
用 VS Code 编写 React 应用程序时可以快速又方便的编写程序,可以自动完成元件架构,尤其在写jsx 的时候可以少打很多东西,能更有效地开发 React 应用程序。

1. ES7 React/Redux/GraphQL/React-Native snippets

此套件可以轻松地为 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>
        )
    }
}

2.Prettier

Prettier可以将代码格式化并使其看起来清晰为美观且易於编写与阅读程序。

网路上还有许多推荐的VS Code Extension外挂套件,可依需求而安装。


<<:  Day 2: LeetCode 978. Longest Turbulent Subarray

>>:  Day02 - 盘点需求,准备环境与工具

[影片]第27天:物件导向程序设计-类型转换(实例105~108)

4.7 类型转换 实例105 强制转换 实例106 将int 数值自动转型为double 数值 实...

Day 26: Tensorflow分类 分类图像衣物(一)

Tensorflow 衣物图像分类 辅助阅读: Basic classification: Clas...

Android学习笔记30

昨天做完了验证码,那今天就把他加入到帐号密码之中 首先要先建立一个imageview来存放验证码,并...

Day02 - 用 canvas 做渐变色涂鸦笔

今天想做色彩渐变,角色很单纯只有笔刷一位,预计做出的效果是在网页上用滑鼠涂色,让笔刷跟着滑鼠游标移动...

NIST 对 ICT 供应链的常见风险

-ICT SCRM 支柱和可见性(来源:NIST SP 800-161) 仅当购买正版产品时,生命...