更新時間：2018年7月31日20:44:21

    程式設計師，21世紀最高大上的職業之一，作為80後末尾的一名碩士畢業後擇業進入IT行業的程式設計師，工作經驗很有限，尤其剛進入新的工作環境，身邊同事/大神都是工作經驗在3年左右的老人，基本比我年齡都小，瞬間壓力來襲無地自容，在這樣一種工作環境下，如何突破自己，如何規劃自己的職業發展，這必須是一個有計劃的安排。因此，只有不停的學習和總結，只有不停的虛心求教和交流，只有不停的增加工作時間和強度，才能快速成長，超越自己。

1、安裝

    webstorm一直有版本升級更新，可以選擇最新的安裝，以webstorm 11版本為例，安裝時選擇License server，輸入框輸入，http://idea.imsxm.com/,即可完成安裝。

2、配置

    最佳方案：

    如果用過webstorm並且有屬於自己風格的配置，第一步，匯出配置檔案，File-Export Settings，是一個字尾名為.jar的檔案；

    第二步，將jar檔案匯入新安裝好的webstorm軟體中，File-Import Settings，即可完成配置。

3、執行卡頓

    解決方案一：webstorm安裝主目錄>bin>WebStorm.exe.vmoptions，修改，第二行：-Xms526m，第三行：-Xmx1024m（-Xms最大值不能超過1024，否則webstorm將無法開啟），重啟即可。

    解決方案二：

webstorm 11開啟後底部總是出現一個不停執行的程序，顯示scanning files to index，排除不希望索引的資料夾即可。找到你想排除的資料夾（主要是node_modulewe資料夾），右鍵選擇 Mark Directory As > Excluded ，重啟即可。

4、常用快捷鍵

開啟軟體設定：ctrl+alt+s

複製當前行當下一行：ctrl+d

刪除當前行：ctrl+y | ctrl+x

重新開始一行（游標在當前行任何位置）：shift+enter

撤銷（返回到上一步）：ctrl+z

取消撤銷（前進到最後一次編輯節點）：ctrl+shift+z

註釋：ctrl+/

程式碼向上/向下移動（以行/塊為移動基準）：ctrl+shift+↑/↓

當前檔案搜尋：ctrl+f

指定檔案路徑（全專案下）搜尋：ctrl+shift+f

檢視本地檔案和上次提交成功的改動情況：ctrl+k，該快捷鍵開啟的是git的commit介面

選中所有相同的詞語：ctrl+alt+shift+j

選中下一個相同的詞：alt+j

同一個專案的不同檔案視窗間切換：ctrl+tab

格式化程式碼塊：ctrl+shift+enter

切換標籤欄：alt+←  alt+→

5、常用設定

    檔案內容發生變動，檔名稱的顏色會發生改變：修改檔名稱在不同狀態下的顏色

    Settings-Editor-Color&Fonts-File Status-Modified-Foreground

6、修改檔案內容顏色

    比如修改JSON檔案的字型顏色：Settings--Editor-Color&Fonts-JSON

7、解決程式碼衝突

開啟衝突對比介面：webstrom-vcs-git-resolve conflicts，三個部分分別是原生代碼，需要保留的最終程式碼和線上程式碼。原生代碼和線上程式碼不能改動，只能動需要最終保留的程式碼。最終，確定合併，解決衝突成功。

8、程式碼提交

ctrl + k;commit

ctrl + shift + k;push

9、中英文對照

10、線上模板Live Templates配置

    例如：新建一個js檔案，輸入rn，按tab鍵，自動輸入rn檔案的基本內容，如下：
import React, {Component} from 'react';
import {
Dimensions,
TouchableOpacity,
StyleSheet,
Text,
View,
} from 'react-native';
export default class HomePage extends Component {
static navigationOptions = {header: null};
constructor(props) {
super(props);
}
componentWillMount(){
}
componentDidMount() {
}
componentWillUnmount() {
}
render() {
return(
<View style={Styles.container}>
</View>
)
}
}
const Styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
},
});
    設定-Preferences-Editor-Live Templates，點選有側邊欄+號，選擇Live Template，Abbreviation為自定義的輸入內容，Template text為要顯示的內容，最後設定適用的檔案型別即可；

11、程式碼返回到指定節點(時間點)

    開發過程中，webstorm會自動記錄每一次程式碼的修改和儲存，因此，可以恢復每個檔案到指定時間點或指定儲存節點，操作如下：檔案右鍵-Local History-Show History，即可恢復檔案

12、破解和使用

    一般網上查詢license server，填寫後即可使用。但有時無法使用，需要用到activity code，進入http://idea.lanyus.com/，點選獲得註冊碼。註冊碼有效期為2017年10月15日至2018年10月14日，使用前請將“0.0.0.0 account.jetbrains.com”新增到hosts檔案中，window OS的hosts檔案路徑：C:\Windows\System32\drivers\etc\hosts

參考https://blog.csdn.net/voke_/article/details/76418116

13、修改不同檔案的不同文字內容高亮顯示的配色方案

以修改JavaScript檔案變數宣告的關鍵字為例：

File-Setting-Editor-Color Scheme-JavaScript

選中關鍵字var

修改foreground前景色和Background背景色

14、關於標籤欄的數量和顯示方式

標籤欄的數量，預設最多開10個標籤：File-Setting-Editor-General-Editor Tabs-Tab limit

標籤欄的顯示形式，預設頂部單行顯示：

File-Setting-Editor-General-Editor Tabs-Placement-top

File-Setting-Editor-General-Editor Tabs-Show tabs in single row

或者在選單欄操作：Window-Editor Tabs-Tabs Placement

15、分欄顯示

Window-Editor Tabs-Tabs Placement-Split Vertically(Split Horizontally)

或者直接在標籤上右鍵：Split Vertically(Split Horizontally)

16、全域性搜尋某個字串查詢不到，或者某些快捷鍵失效

這個問題困擾了很久，終於找到原因，webstorm需要清除快取

File - invalidate Caches

未完，待續...