React 新建项目

284 阅读2分钟

@@@@@@@@@@@@@@@@

全局安装配置

(1) 安装Visual Studio Code

下载地址   https://code.visualstudio.com/Download/, 
Windows版下载地址:
    https://vscode.cdn.azure.cn/stable/6ab598523be7a800d7f3eb4d92d7ab9a66069390/VSCodeSetup-x64-1.39.2.exe
    

(2) 安装Node.js nodejs.cn/download/,

(3) 上述安装后会带NPM包管理器,可以到 www.npmjs.com/ 查新的组件

(4) 安装Yarn: npm install yarn -g //全局安装

   语法:
    npm upgrade yarn -g //全局更新
    yarn -v 查看版本
    yarn init
    yarn install
    yarn add/remove 安装新插件/移除 (等效npm install xxx )
    yarn publish/login/logout  发布插件到npm平台
    yarn run 运行脚本

(5) 安装Git

下载地址:https://www.git-scm.com/download/
Windows版下载地址: https://www.git-scm.com/download/win
1、安装GIT
2、在VSCODE中配置GIT (settings)
3、打开文件夹, 添加到工作区。
4、创建新的终端,  git 看看安装正常了吧
5、在 scr目录下 git init
6、
git config --global user.email "49148979@qq.com"
git config --global user.name "redrainer"

git commit -m "first commit"
复制代码
7、在 github里建好 repository, 复制code
8、 git remote add origin github.com/redrainer/d…
9、git pull origin master 失败 ,提示:fatal: refusing to merge unrelated histories
其实这个问题是因为 两个 根本不相干的 git 库, 一个是本地库, 一个是远端库, 然后本地要去推送到远端, 远端觉得这个本地库跟自己不相干, 所以告知无法合并
使用这个强制的方法:
git pull origin master --allow-unrelated-histories
10、git push --set-upstream origin master
github上分支的合并
https://www.cnblogs.com/leilei0327/p/8688244.html

(6) 安装 create-react-app

    yarn add -g create-react-app

上述方法有时不行,换下一种

    npm install -g
    npm-windows-upgrade
    npm install -g create-react-app

创建项目:

	npm init 或yarn init
    create-react-app react-demo

克隆项目: git clone github.com/sdustNM/kej… 如果报错: error: RPC failed; curl 56 OpenSSL SSL_read: Connection was reset, errno 10054 git config --global http.sslVerify "false"

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

NPM 配置源

npm config set registry http://registry.npmjs.org 
npm config set registry http://registry.npmjs.taobao.org 

还原: npm config set registry registry.npmjs.org

安装node-sass:

(1) 删除代理:

npm config rm proxy

npm config rm https-proxy

(2)对node-sass镜像源进行设置,好像没用

yarn config set sass-binary-site npm.taobao.org/mirrors/nod… 或者 npm config set sass-binary-site npm.taobao.org/mirrors/nod…

(3) yarn add node-sass -S

安装 AntD:

yarn add antd -S

安装React-router-dom

    add react-router-dom --save ; 使用link等标签