diff --git a/00-前端工具/01-Git的使用.md b/00-前端工具/01-Git的使用.md index 4c6ed27..6cfe30d 100644 --- a/00-前端工具/01-Git的使用.md +++ b/00-前端工具/01-Git的使用.md @@ -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中文版》 diff --git a/00-前端工具/02-VS Code的使用.md b/00-前端工具/02-VS Code的使用.md index f013a0f..cc92030 100644 --- a/00-前端工具/02-VS Code的使用.md +++ b/00-前端工具/02-VS Code的使用.md @@ -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 官网： + +VS Code 的安装很简单，直接去官网下载安装包即可。 + +![](http://img.smyhvae.com/20190313_1750.png) + +上图中，直接点击 download 下载安装即可。 ## 常用插件推荐 @@ -22,15 +57,10 @@ VS Code 是一款免费的、开源的、高性能的、跨平台的、轻量级 - 作用：多台设备之间，同步 VS Code 配置。 -备注：相比之下， - - ## 常见主题推荐 - ## 常用快捷键 - ### 编辑 diff --git a/03-JavaScript基础/16-数组的常见方法.md b/03-JavaScript基础/16-数组的常见方法.md index 34e7aae..7c69d14 100644 --- a/03-JavaScript基础/16-数组的常见方法.md +++ b/03-JavaScript基础/16-数组的常见方法.md @@ -58,7 +58,7 @@ **补充**： -很多前端开发人员会用 slice()将维数组，转化为真数组。写法如下： +很多前端开发人员会用 slice()将伪数组，转化为真数组。写法如下： ```javascript array = Array.prototye.slice.call(arrayLike) diff --git a/03-JavaScript基础/18-内置对象：Date.md b/03-JavaScript基础/18-内置对象：Date.md index 791019c..0d403a8 100644 --- a/03-JavaScript基础/18-内置对象：Date.md +++ b/03-JavaScript基础/18-内置对象：Date.md @@ -101,7 +101,7 @@ Date对象 有如下方法，可以获取日期和时间： Date对象 还有如下方法： -- `getTime()` 获取当前日期对象的**时间戳**。 +- `getTime()` 获取当前日期对象的**时间戳**。这个方法在实际开发中，用得比较多。 啥叫时间戳？接下来，我们解释一下。 diff --git a/04-JavaScript进阶/call、apply、bind的区别.md b/04-JavaScript进阶/call、apply、bind的区别.md index dfac7bf..6a19966 100644 --- a/04-JavaScript进阶/call、apply、bind的区别.md +++ b/04-JavaScript进阶/call、apply、bind的区别.md @@ -93,7 +93,7 @@ call()和apply()方法都可以将实参在对象之后依次传递，但是appl - bind()是将函数返回，因此后面还需要加`()`才能调用。 -bind()传参的方式和call()一样。 +bind()传参的方式与call()相同。 参考链接： diff --git a/13-React基础/10-React Navive初识.md b/13-React基础/10-React Navive初识.md new file mode 100644 index 0000000..b04adbb --- /dev/null +++ b/13-React基础/10-React Navive初识.md @@ -0,0 +1,61 @@ + + +## 搭建开发环境 + +官方文档： + +### 安装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 +``` + +## 调试 + +官网文档： + + +### 访问 App 内的开发菜单 + +如果是在 iOS 模拟器中运行，还可以按下`Command + D`快捷键，Android 模拟器对应的则是Command⌘ + M（windows 上可能是 F1 或者 F2），或是直接在命令行中运行adb shell input keyevent 82来发送菜单键命令。 + + +