add: VS Code的介绍

This commit is contained in:
qianguyihao 2019-03-13 17:59:25 +08:00
parent db61359dfa
commit c1f4350396
6 changed files with 104 additions and 16 deletions

View File

@ -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
![](http://img.smyhvae.com/20180623_1210.png) ![](http://img.smyhvae.com/20180623_1210.png)
上面的Git客户端我基本都用过了我最推荐的一款Git客户端是**Tower** 上面的Git客户端我基本都用过了我最推荐的一款Git客户端是[Tower](https://www.git-tower.com) 或者 [Fork](https://git-fork.com)
**SmartGit** **SmartGit**
商业用途收费, 个人用户免费: 商业用途收费, 个人用户免费:
s
![](http://img.smyhvae.com/20180623_1305.png) ![](http://img.smyhvae.com/20180623_1305.png)
## 推荐书籍 ## 推荐书籍
- 《pro.git中文版》 - 《pro.git中文版》

View File

@ -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 的安装很简单,直接去官网下载安装包即可。
![](http://img.smyhvae.com/20190313_1750.png)
上图中,直接点击 download 下载安装即可。
## 常用插件推荐 ## 常用插件推荐
@ -22,15 +57,10 @@ VS Code 是一款免费的、开源的、高性能的、跨平台的、轻量级
- 作用:多台设备之间,同步 VS Code 配置。 - 作用:多台设备之间,同步 VS Code 配置。
备注:相比之下,
## 常见主题推荐 ## 常见主题推荐
## 常用快捷键 ## 常用快捷键
### 编辑 ### 编辑

View File

@ -58,7 +58,7 @@
**补充** **补充**
很多前端开发人员会用 slice()将数组,转化为真数组。写法如下: 很多前端开发人员会用 slice()将数组,转化为真数组。写法如下:
```javascript ```javascript
array = Array.prototye.slice.call(arrayLike) array = Array.prototye.slice.call(arrayLike)

View File

@ -101,7 +101,7 @@ Date对象 有如下方法,可以获取日期和时间:
Date对象 还有如下方法: Date对象 还有如下方法:
- `getTime()` 获取当前日期对象的**时间戳**。 - `getTime()` 获取当前日期对象的**时间戳**。这个方法在实际开发中,用得比较多。
啥叫时间戳?接下来,我们解释一下。 啥叫时间戳?接下来,我们解释一下。

View File

@ -93,7 +93,7 @@ call()和apply()方法都可以将实参在对象之后依次传递但是appl
- bind()是将函数返回,因此后面还需要加`()`才能调用。 - bind()是将函数返回,因此后面还需要加`()`才能调用。
bind()传参的方式和call()一样 bind()传参的方式与call()相同
参考链接: 参考链接:

View 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⌘ + Mwindows 上可能是 F1 或者 F2或是直接在命令行中运行adb shell input keyevent 82来发送菜单键命令。