add: VS Code的介绍
This commit is contained in:
		
							parent
							
								
									db61359dfa
								
							
						
					
					
						commit
						c1f4350396
					
				@ -4,7 +4,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
## 常见操作
 | 
					## 常见操作
 | 
				
			||||||
 | 
					
 | 
				
			||||||
### 配置用户信息
 | 
					### 全局配置用户信息
 | 
				
			||||||
 | 
					
 | 
				
			||||||
```
 | 
					```
 | 
				
			||||||
git config --global user.name "smyhvae"
 | 
					git config --global user.name "smyhvae"
 | 
				
			||||||
@ -121,10 +121,8 @@ Git 没有简单地把分支指针右移,而是对三方合并的结果作一
 | 
				
			|||||||
这个时候在对两个分支合并,git不会产生冲突,因为两个分支是修改同一文件的不同位置。
 | 
					这个时候在对两个分支合并,git不会产生冲突,因为两个分支是修改同一文件的不同位置。
 | 
				
			||||||
git自动合并成功。不管是git自动合并成功,还是在人工解决冲突下合并成功,提交之前,都要对代码进行测试。
 | 
					git自动合并成功。不管是git自动合并成功,还是在人工解决冲突下合并成功,提交之前,都要对代码进行测试。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
## 日常操作积累
 | 
					## 日常操作积累
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
### 修改密码(曲线救国)
 | 
					### 修改密码(曲线救国)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -182,16 +180,15 @@ git cherry-pick commit1
 | 
				
			|||||||
 | 
					
 | 
				
			||||||

 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
上面的Git客户端我基本都用过了,我最推荐的一款Git客户端是:**Tower**。
 | 
					上面的Git客户端我基本都用过了,我最推荐的一款Git客户端是:[Tower](https://www.git-tower.com) 或者 [Fork](https://git-fork.com)。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
**SmartGit**:
 | 
					**SmartGit**:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
商业用途收费, 个人用户免费:
 | 
					商业用途收费, 个人用户免费:
 | 
				
			||||||
 | 
					s
 | 
				
			||||||

 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
## 推荐书籍
 | 
					## 推荐书籍
 | 
				
			||||||
 | 
					
 | 
				
			||||||
- 《pro.git中文版》
 | 
					- 《pro.git中文版》
 | 
				
			||||||
 | 
				
			|||||||
@ -2,9 +2,44 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
## 前言
 | 
					## 前言
 | 
				
			||||||
 | 
					
 | 
				
			||||||
VS Code 的全称是 Visual Studio Code,是微软推出的一款免费的、开源的跨平台编辑器。
 | 
					VS Code  本来是前端人员专用,但由于它实在是太好用了,于是,各种开发方向的码农也正在用 VS Code 作为他们的主力编程工具。甚至是一些写作的同学,也把 VS Code 作为 markdown 写作工具。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
VS Code 是一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器。它在性能、语言支持、开源社区方面,都做的很不错。
 | 
					写下这篇文章,是顺势而为。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### VS Code 的介绍
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					VS Code 的全称是 Visual Studio Code,是一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器。它在性能、语言支持、开源社区方面,都做的很不错。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### 编辑器 与 IDE
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					`IDE`和`编辑器`是有区别的:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **IDE** 更为关注开箱即用的变成体验,对代码会有较好的智能理解;同时侧重于工程项目,对代码的调试、测试等工作都有图像化界面的支持,因此相对笨重。比如 Eclipse 的定位就是 IDE。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- **编辑器**要相对轻量许多,侧重于文件或者文件夹。比如 Sublime Text 的定位就是编辑器。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					VS Code 的定位是`编辑器`,而非`IDE`。但 VS Code 又比一般的编辑器的功能要丰富许多。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### 前端利器之争: VS Code 与 idea
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### VS Code的一些补充
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- VS Code 的使命,是让开发者在编辑器里拥有 IDE 那样的开发体验,比如代码的智能提示、语法检查、图形化的调试工具、插件扩展、版本管理等。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- VS Code 的源代码以MIT协议开源。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- VS Code 自带了 TypeScript 和 Node.js 的支持。也就是说,你在书写 JS 和 TS 时,是自带智能提示的。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					## VS Code 的安装
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- VS Code 官网:<https://code.visualstudio.com>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					VS Code 的安装很简单,直接去官网下载安装包即可。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					上图中,直接点击 download 下载安装即可。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
## 常用插件推荐
 | 
					## 常用插件推荐
 | 
				
			||||||
@ -22,15 +57,10 @@ VS Code 是一款免费的、开源的、高性能的、跨平台的、轻量级
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
- 作用:多台设备之间,同步 VS Code 配置。
 | 
					- 作用:多台设备之间,同步 VS Code 配置。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
备注:相比之下,
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
## 常见主题推荐
 | 
					## 常见主题推荐
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
## 常用快捷键
 | 
					## 常用快捷键
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
### 编辑
 | 
					### 编辑
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -58,7 +58,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
**补充**:
 | 
					**补充**:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
很多前端开发人员会用 slice()将维数组,转化为真数组。写法如下:
 | 
					很多前端开发人员会用 slice()将伪数组,转化为真数组。写法如下:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
```javascript
 | 
					```javascript
 | 
				
			||||||
array = Array.prototye.slice.call(arrayLike)
 | 
					array = Array.prototye.slice.call(arrayLike)
 | 
				
			||||||
 | 
				
			|||||||
@ -101,7 +101,7 @@ Date对象 有如下方法,可以获取日期和时间:
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
Date对象 还有如下方法:
 | 
					Date对象 还有如下方法:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
- `getTime()`         获取当前日期对象的**时间戳**。
 | 
					- `getTime()`         获取当前日期对象的**时间戳**。这个方法在实际开发中,用得比较多。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
啥叫时间戳?接下来,我们解释一下。
 | 
					啥叫时间戳?接下来,我们解释一下。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -93,7 +93,7 @@ call()和apply()方法都可以将实参在对象之后依次传递,但是appl
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
- bind()是将函数返回,因此后面还需要加`()`才能调用。
 | 
					- bind()是将函数返回,因此后面还需要加`()`才能调用。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
bind()传参的方式和call()一样。
 | 
					bind()传参的方式与call()相同。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
参考链接:
 | 
					参考链接:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
							
								
								
									
										61
									
								
								13-React基础/10-React Navive初识.md
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										61
									
								
								13-React基础/10-React Navive初识.md
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,61 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					## 搭建开发环境
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					官方文档:<https://reactnative.cn/docs/getting-started.html>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### 安装Node、homebrew、Watchman
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					安装 homebrew:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					安装 watchman:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					brew install watchman
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					Watchman则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager 可以快速捕捉文件的变化从而实现实时刷新)。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### 安装 React Native 的命令行工具(react-native-cli)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					安装 react-native-cli:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					npm install -g react-native-cli
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					###  创建新项目
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					react-native init MyApp --version 0.44.3
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### 编译并运行 React Native 应用
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					在 ios 模拟器上运行:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					react-native run-ios
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					## 调试
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					官网文档:<https://reactnative.cn/docs/debugging.html>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### 访问 App 内的开发菜单
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					如果是在 iOS 模拟器中运行,还可以按下`Command + D`快捷键,Android 模拟器对应的则是Command⌘ + M(windows 上可能是 F1 或者 F2),或是直接在命令行中运行adb shell input keyevent 82来发送菜单键命令。
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user