使用create-react-app 构建react应用(react-scripts)

节选自:使用create-react-app 构建react应用(react-scripts)


前言:

create-react-app 是一个全局的命令行工具用来创建一个新的项目

react-scripts 是一个生成的项目所需要的开发依赖

一般我们开始创建react web应用程序的时候,要自己通过 npm 或者 yarn 安装项目的全部依赖,再写webpack.config.js,一系列复杂的配置,搭建好开发环境后写src源代码。
现在 如果你正在搭建react运行环境,使用 create-react-app 去自动构建你的app程序。你的项目所在的文件夹下是没有配置文件。react-scripts 是唯一的 额外的 构建依赖在你的package.json中,你的运行环境将有每一个你需要用来构建一个现代React app应用程序。你需要的依赖,和在配置文件中编写的配置代码,react-scripts 都帮你写了,比如:react-scripts帮你自动下载需要的 webpack-dev-server 依赖,然后react-scripts自己写了一个nodejs服务端的脚本代码 start.js来 实例化 WebpackDevServer ,并且运行启动了一个使用 express 的Http服务器,现在你只需要专心写src源代码就可以了。省去了很多精力,最适合快速上手一个demo了。

react-scripts有以下支持,都帮你配置好了:
React, JSX, ES6, and Flow syntax support.
Language extras beyond ES6 like the object spread operator.
Import CSS and image files directly from JavaScript.
Autoprefixed CSS, so you don’t need -webkit or other prefixes.
A build script to bundle JS, CSS, and images for production, with sourcemaps.
A dev server that lints for common errors.

Getting Started

安装

npm install -g create-react-app

创建一个应用程序

create-react-app my-app
cd my-app

生成的目录结构

my-app/
  README.md
  node_modules/
  package.json
  .gitignore
  public/
    favicon.ico
    index.html
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg

没有配置文件(webpack.config.js)
运行应用程序

npm run start

or

yarn start

在浏览器中打开

http://localhost:3000

VSCode 安装 go扩展包 staticcheck 失败

报错信息:

C:\Users\xxx\go\pkg\mod\honnef.co\go\tools@v0.3.1\go\ir\builder.go:36:2: //go:build comment without // +build comment

解决办法:
1.找到下面的文件,修改文件属性,取消勾选只读。

C:\Users\xxx\go\pkg\mod\honnef.co\go\tools@v0.3.1\go\types\typeutil\typeparams_test.go

2.在第二行增加

// +build go1.18

3.重新安装即可

【转】Git拉取指定目录

转载自:git拉取指定目录


仓库只有一个的情况下,只想拉取某个目录文件;其他文件没用到的会很浪费时间;

关键:git的sparse checkout模式

大致步骤:

1,本地新建文件夹或者执行命令

mkdir newproject && cd newproject

2,目录初始化

git init

3,设置远程仓库地址

git remote add -f origin <origin_url>

4,设置sparse checkout模式,允许克隆子目录

git config core.sparsecheckout true

5,设置指定拉取的目录( *是通配符,!是反选;例如 clients/* 表示clients目录下所有)

echo clients/html >> .git/info/sparse-checkout

6,拉取

 git pull origin master

第6步如果遇到 fatal: Couldn’t find remote ref master;

表示主线名称不是master,可以通过分支命令查看git branch -a

git branch -a
remotes/origin/main

根据上面提示,主线名称是main,则执行

git pull origin main

Windows10开启Shift+右键“在此处打开命令窗口”

1、按Windows键,输入regedit打开注册表

2、分别找到以下路径

计算机\HKEY_CLASSES_ROOT\Directory\shell\cmd
计算机\HKEY_CLASSES_ROOT\Directory\Background\shell\cmd
计算机\HKEY_CLASSES_ROOT\Drive\shell\cmd

3、将 HideBasedOnVelocityId 改为 ShowBasedOnVelocityId


参考链接:

Windows10右键添加“在此处打开命令窗口”

windows10开启shift+右键在此处打开命令窗口

【转】git用ssh方式下载和提交代码

节选自:git用ssh方式下载和提交代码


1、运行Git Bash客户端,执行ls ~/.ssh; 如果列出下图这两个rsa文件,那应该就不需要配置ssh key了,如果不放心就将这几个文件删掉,重新生成。

2、生成ssh key文件

ssh-keygen -t rsa -C "xxx.xxx.com"

-t 指定密钥类型,默认是 rsa ,可以省略

-C 设置注释文字,比如git的地址。

-f 指定密钥文件存储文件名,我们省略了命令执行的时候会让你选择文件名,直接回车就会保存在默认的位置。

然后会让你输入两次密码,最后出现 key fingerprint和 key’s randomart 就表示创建成功了。


ssh-keygen -t ed25519 -C "your_email@example.com"

【转】svn 迁移至git操作手册

节选自:svn 迁移至git操作手册


项目交付、版本管理工具变更等情况下,迁移svn旧历史记录有很大必要,方便后续追踪文件的提交历史,文件修改记录比对等。git自带了从svn迁移至git的工具命令,可很好的对svn上的提交历史做迁移和映射,操作简单方便。但是初次接触不熟练,这里做一个总结和记录,内容尽量简单化。争取提供给刚刚接触git和准备迁移的用户一个简单易懂的方案。

迁移流程图:

这里分为两步来说明,第一步是比较简单迁移要件准备,已经准备好的用户可直接略过,直接进入第二步进行迁移操作。 继续阅读【转】svn 迁移至git操作手册