react+ts项目起步

运行 yarn config set registry https://registry.npm.taobao.org/

yarn global add create-react-app@3.4.1 (亦可用 npm 全局安装)
create-react-app morney --template typescript(项目名可以自定)
cd morney
yarn start(会自动打开浏览器)
不喜欢自动,就运行 echo 'BROWSER=none' > .env 再 yarn start

git rm -rf --cached .idea
git rm -rf --cached .vscode

如果用 WebStorm,就在 .gitignore 添加 /.idea
如果用 VSCode,就在 .gitignore 添加 /.vscode

在 index.css 添加 @import-normalize; 即可

yarn add --dev node-sass@npm:dart-sass@1.25.0

yarn add react-router-dom

yarn add --dev @types/react-router-dom
yarn eject  //解封隐藏配置
// 自动引入文件下的文件--dev "@types/webpack-env": "^1.15.1"
let importAll = (requireContext: __WebpackModuleApi.RequireContext) => requireContext.keys().forEach(requireContext);
try {importAll(require.context('icons', true, /\.svg$/));} catch (error) {console.log(error);}
//其他笔记
const Layout = (props: any) => {
  return (
    <Wrapper>
      <Main>
        {props.children} // 类似 vue <slot />
      </Main>
      <Nav/>
    </Wrapper>
  );
};
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值