前端开发环境,nvm,git常用命令

133 阅读3分钟

一、开发环境

1.npm、yarn查看和设置淘宝镜像
	npm config get registry
	yarn config set registry https://registry.npm.taobao.org --global 
	
2.npm、yarn命令大全
	https://blog.csdn.net/mjzhang1993/article/details/70092902
	
3.全局安装yarn
	npm i yarn -g
        
4.技术栈
	umi
		https://umijs.org/zh/guide/
	umi-request
		https://github.com/umijs/umi-request/blob/master/README_zh-CN.md
	dva
		https://dvajs.com/guide/
	ant.design
		https://ant.design/docs/react/introduce-cn
	nopage、noform、nowrapper
		https://www.yuque.com/nopage
	富文本编辑器	
		https://braft.margox.cn/
	图标
		https://react-icons.netlify.com/#/
	classnames
		https://github.com/JedWatson/classnames
		
5.创建新的项目
	yarn init -y
	安装常用组件
		yarn add umi umi-plugin-react mockjs --dev
		yarn add umi-request moment lodash noform nowrapper nolist
		yarn add braft-editor react-icons classnames
		yarn add echarts echarts-for-react

=======================【用手机访问本地跑起来的项目】=======================
http://内网电脑IP:3000/#/newstreetrank   
http://10.237.87.2:3000/#/newstreetrank

二、nvm常用命令

1,nvm nvm list 是查找本电脑上所有的node版本
- nvm list 查看已经安装的版本
- nvm list installed 查看已经安装的版本
- nvm list available 查看网络可以安装的版本
 
2,nvm install 安装最新版本nvm   --- 例:nvm install 8.10.0
3,nvm use <version> ## 切换使用指定的版本node
4,nvm ls 列出所有版本
5,nvm current显示当前版本
6,nvm alias <name> <version> ## 给不同的版本号添加别名
7,nvm unalias <name> ## 删除已定义的别名
8,nvm reinstall-packages <version> ## 在当前版本node环境下,重新全局安装指定版本号的npm包
9,nvm on 打开nodejs控制
10,nvm off 关闭nodejs控制
11,nvm proxy 查看设置与代理
12,nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror,如果不设置的默认是 https://nodejs.org/dist/
  nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是: https://github.com/npm/npm/archive/.
13,nvm uninstall <version> 卸载制定的版本
14,nvm use [version] [arch] 切换制定的node版本和位数
15,nvm root [path] 设置和查看root路径
16,nvm version 查看当前的版本

三、git常用命令

1.提交代码时

git add . 	  // 添加当前修改的所有文件到暂存区
git commit -m '修改' -n    // 提交暂存修改的代码,并记录备注  -n 忽略eslint pretieer
git push origin dev -u    // 推送至分支(第一次git push origin dev -u,后面在推送 git push 即可)

2.拉取代码时

git pull 
git clone ssh地址      // 克隆master主分支上的代码
git clone -b 分支名 ssh地址     // 拉取指定分支名下的项目代码

3.切换分支 & 合并分支

git checkout master   	// 切换到指定分支
git branch  		// 查看本地当前分支
git branch feature_v2 	// 创建新分支
git merge master  // 在自己的分支上合并master的代码

4.git切换到指定版本

git reset --hard 版本号<br/>
git push -f   // 切换到指定版本后,强制推上去

5.git生成ssh公钥

git config user.name  //查看用户名
git config user.email // 查看邮箱
git config --global  user.name "这里换上你的用户名"  // 配置用户名
git config --global user.email "这里换上你的邮箱"  // 配置邮箱
ssh-keygen -t rsa -C "....@qq.com" // 生成SSH密钥

6.git全局配置

git config --global core.autocrlf false  // 解决: Delete `␍`eslint(prettier/prettier)错误

7.其它

git pull origin master 拉取master分支上的最新代码至当前分支
(有时会出现:Please enter a commit message to explain why this merge is necessary. 请输入提交消息来解释为什么这种合并是必要的)
1.按键盘字母 i 进入insert模式
2.修改最上面那行黄色合并信息,可以不修改
3.按键盘左上角"Esc"
4.输入":wq",注意是冒号+wq,按回车键即可

git status -s     // 查看项目的当前状态
?? src/routes/visualization/fullLinks/index.less   // 文件未被追踪【需要添加】
git checkout dev_01         // 切换到该分支
git checkout -b dev_02      // 创建新分支,并立即切换到它
git branch -d dev_02        // 删除该分支