add: VS Code的介绍
This commit is contained in:
parent
db61359dfa
commit
c1f4350396
@ -4,7 +4,7 @@
|
||||
|
||||
## 常见操作
|
||||
|
||||
### 配置用户信息
|
||||
### 全局配置用户信息
|
||||
|
||||
```
|
||||
git config --global user.name "smyhvae"
|
||||
@ -121,10 +121,8 @@ Git 没有简单地把分支指针右移,而是对三方合并的结果作一
|
||||
这个时候在对两个分支合并,git不会产生冲突,因为两个分支是修改同一文件的不同位置。
|
||||
git自动合并成功。不管是git自动合并成功,还是在人工解决冲突下合并成功,提交之前,都要对代码进行测试。
|
||||
|
||||
|
||||
## 日常操作积累
|
||||
|
||||
|
||||
### 修改密码(曲线救国)
|
||||
|
||||
|
||||
@ -182,16 +180,15 @@ git cherry-pick commit1
|
||||
|
||||
![](http://img.smyhvae.com/20180623_1210.png)
|
||||
|
||||
上面的Git客户端我基本都用过了,我最推荐的一款Git客户端是:**Tower**。
|
||||
上面的Git客户端我基本都用过了,我最推荐的一款Git客户端是:[Tower](https://www.git-tower.com) 或者 [Fork](https://git-fork.com)。
|
||||
|
||||
**SmartGit**:
|
||||
|
||||
商业用途收费, 个人用户免费:
|
||||
|
||||
s
|
||||
![](http://img.smyhvae.com/20180623_1305.png)
|
||||
|
||||
|
||||
|
||||
## 推荐书籍
|
||||
|
||||
- 《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 的安装很简单,直接去官网下载安装包即可。
|
||||
|
||||
![](http://img.smyhvae.com/20190313_1750.png)
|
||||
|
||||
上图中,直接点击 download 下载安装即可。
|
||||
|
||||
|
||||
## 常用插件推荐
|
||||
@ -22,15 +57,10 @@ VS Code 是一款免费的、开源的、高性能的、跨平台的、轻量级
|
||||
|
||||
- 作用:多台设备之间,同步 VS Code 配置。
|
||||
|
||||
备注:相比之下,
|
||||
|
||||
|
||||
## 常见主题推荐
|
||||
|
||||
|
||||
## 常用快捷键
|
||||
|
||||
|
||||
### 编辑
|
||||
|
||||
|
||||
|
@ -58,7 +58,7 @@
|
||||
|
||||
**补充**:
|
||||
|
||||
很多前端开发人员会用 slice()将维数组,转化为真数组。写法如下:
|
||||
很多前端开发人员会用 slice()将伪数组,转化为真数组。写法如下:
|
||||
|
||||
```javascript
|
||||
array = Array.prototye.slice.call(arrayLike)
|
||||
|
@ -101,7 +101,7 @@ Date对象 有如下方法,可以获取日期和时间:
|
||||
|
||||
Date对象 还有如下方法:
|
||||
|
||||
- `getTime()` 获取当前日期对象的**时间戳**。
|
||||
- `getTime()` 获取当前日期对象的**时间戳**。这个方法在实际开发中,用得比较多。
|
||||
|
||||
啥叫时间戳?接下来,我们解释一下。
|
||||
|
||||
|
@ -93,7 +93,7 @@ call()和apply()方法都可以将实参在对象之后依次传递,但是appl
|
||||
|
||||
- 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…
Reference in New Issue
Block a user