Skip to content

Commit c1f4350

Browse files
committed
add: VS Code的介绍
1 parent db61359 commit c1f4350

File tree

6 files changed

+104
-16
lines changed

6 files changed

+104
-16
lines changed

00-前端工具/01-Git的使用.md

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
## 常见操作
66

7-
### 配置用户信息
7+
### 全局配置用户信息
88

99
```
1010
git config --global user.name "smyhvae"
@@ -121,10 +121,8 @@ Git 没有简单地把分支指针右移,而是对三方合并的结果作一
121121
这个时候在对两个分支合并,git不会产生冲突,因为两个分支是修改同一文件的不同位置。
122122
git自动合并成功。不管是git自动合并成功,还是在人工解决冲突下合并成功,提交之前,都要对代码进行测试。
123123

124-
125124
## 日常操作积累
126125

127-
128126
### 修改密码(曲线救国)
129127

130128

@@ -182,16 +180,15 @@ git cherry-pick commit1
182180

183181
![](http://img.smyhvae.com/20180623_1210.png)
184182

185-
上面的Git客户端我基本都用过了,我最推荐的一款Git客户端是:**Tower**
183+
上面的Git客户端我基本都用过了,我最推荐的一款Git客户端是:[Tower](https://www.git-tower.com) 或者 [Fork](https://git-fork.com)
186184

187185
**SmartGit**
188186

189187
商业用途收费, 个人用户免费:
190-
188+
s
191189
![](http://img.smyhvae.com/20180623_1305.png)
192190

193191

194-
195192
## 推荐书籍
196193

197194
- 《pro.git中文版》

00-前端工具/02-VS Code的使用.md

Lines changed: 37 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,44 @@
22

33
## 前言
44

5-
VS Code 的全称是 Visual Studio Code,是微软推出的一款免费的、开源的跨平台编辑器
5+
VS Code 本来是前端人员专用,但由于它实在是太好用了,于是,各种开发方向的码农也正在用 VS Code 作为他们的主力编程工具。甚至是一些写作的同学,也把 VS Code 作为 markdown 写作工具
66

7-
VS Code 是一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器。它在性能、语言支持、开源社区方面,都做的很不错。
7+
写下这篇文章,是顺势而为。
8+
9+
### VS Code 的介绍
10+
11+
VS Code 的全称是 Visual Studio Code,是一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器。它在性能、语言支持、开源社区方面,都做的很不错。
12+
13+
### 编辑器 与 IDE
14+
15+
`IDE``编辑器`是有区别的:
16+
17+
- **IDE** 更为关注开箱即用的变成体验,对代码会有较好的智能理解;同时侧重于工程项目,对代码的调试、测试等工作都有图像化界面的支持,因此相对笨重。比如 Eclipse 的定位就是 IDE。
18+
19+
- **编辑器**要相对轻量许多,侧重于文件或者文件夹。比如 Sublime Text 的定位就是编辑器。
20+
21+
VS Code 的定位是`编辑器`,而非`IDE`。但 VS Code 又比一般的编辑器的功能要丰富许多。
22+
23+
24+
### 前端利器之争: VS Code 与 idea
25+
26+
### VS Code的一些补充
27+
28+
- VS Code 的使命,是让开发者在编辑器里拥有 IDE 那样的开发体验,比如代码的智能提示、语法检查、图形化的调试工具、插件扩展、版本管理等。
29+
30+
- VS Code 的源代码以MIT协议开源。
31+
32+
- VS Code 自带了 TypeScript 和 Node.js 的支持。也就是说,你在书写 JS 和 TS 时,是自带智能提示的。
33+
34+
## VS Code 的安装
35+
36+
- VS Code 官网:<https://code.visualstudio.com>
37+
38+
VS Code 的安装很简单,直接去官网下载安装包即可。
39+
40+
![](http://img.smyhvae.com/20190313_1750.png)
41+
42+
上图中,直接点击 download 下载安装即可。
843

944

1045
## 常用插件推荐
@@ -22,15 +57,10 @@ VS Code 是一款免费的、开源的、高性能的、跨平台的、轻量级
2257

2358
- 作用:多台设备之间,同步 VS Code 配置。
2459

25-
备注:相比之下,
26-
27-
2860
## 常见主题推荐
2961

30-
3162
## 常用快捷键
3263

33-
3464
### 编辑
3565

3666

03-JavaScript基础/16-数组的常见方法.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@
5858

5959
**补充**
6060

61-
很多前端开发人员会用 slice()将维数组,转化为真数组。写法如下:
61+
很多前端开发人员会用 slice()将伪数组,转化为真数组。写法如下:
6262

6363
```javascript
6464
array = Array.prototye.slice.call(arrayLike)

03-JavaScript基础/18-内置对象:Date.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ Date对象 有如下方法,可以获取日期和时间:
101101

102102
Date对象 还有如下方法:
103103

104-
- `getTime()` 获取当前日期对象的**时间戳**
104+
- `getTime()` 获取当前日期对象的**时间戳**这个方法在实际开发中,用得比较多。
105105

106106
啥叫时间戳?接下来,我们解释一下。
107107

04-JavaScript进阶/call、apply、bind的区别.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@ call()和apply()方法都可以将实参在对象之后依次传递,但是appl
9393

9494
- bind()是将函数返回,因此后面还需要加`()`才能调用。
9595

96-
bind()传参的方式和call()一样
96+
bind()传参的方式与call()相同
9797

9898
参考链接:
9999

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
2+
3+
## 搭建开发环境
4+
5+
官方文档:<https://reactnative.cn/docs/getting-started.html>
6+
7+
### 安装Node、homebrew、Watchman
8+
9+
安装 homebrew:
10+
11+
```
12+
13+
```
14+
15+
安装 watchman:
16+
17+
```
18+
brew install watchman
19+
```
20+
21+
22+
Watchman则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager 可以快速捕捉文件的变化从而实现实时刷新)。
23+
24+
25+
26+
### 安装 React Native 的命令行工具(react-native-cli)
27+
28+
安装 react-native-cli:
29+
30+
```
31+
npm install -g react-native-cli
32+
```
33+
34+
35+
React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
36+
37+
### 创建新项目
38+
39+
```
40+
react-native init MyApp --version 0.44.3
41+
```
42+
43+
### 编译并运行 React Native 应用
44+
45+
在 ios 模拟器上运行:
46+
47+
```
48+
react-native run-ios
49+
```
50+
51+
## 调试
52+
53+
官网文档:<https://reactnative.cn/docs/debugging.html>
54+
55+
56+
### 访问 App 内的开发菜单
57+
58+
如果是在 iOS 模拟器中运行,还可以按下`Command + D`快捷键,Android 模拟器对应的则是Command⌘ + M(windows 上可能是 F1 或者 F2),或是直接在命令行中运行adb shell input keyevent 82来发送菜单键命令。
59+
60+
61+

0 commit comments

Comments
 (0)