Month: December 2017

jQuery selector需注意

想選擇一樣的tag，結果找不到的情況：

<header id=”luna-header” class=”header luna-header”>

 

var header = $(‘#luna-header’);
var header = $(‘body>header[class=”luna-header”]’);

第一個找的到，第二個找不到

第二個改成　$(‘[class=”header luna-header”]’)　就可以找得到了

因為class attribute是整串

不然就要用這個 $(‘[class~=”luna-header”]’) 包含那個字 https://api.jquery.com/attribute-contains-word-selector/

Webstorm教學

  1. 針對分頁連續按兩下，左邊會彈出資料夾目錄
  2. 縮排／減少縮排的方法：按 Tab 或是 Shift + Tab

對正在編輯的地方按F11，就是BOOKMARK，再按一次會取消。

Ctrl + Shift + ↑ ↓ 可以移动程式码，就不用贴来贴去。
Alt + Shift + ↑ ↓ 是移動括起來的程式碼，更精確。

檔案tab的顏色修改 新增檔案：在想要新增的目錄按右鍵叫出命令列： Alt + F123. 修改eslint的警告配色我少了一個分號，它的配色提示太不明顯了，調成紅色的看看。 減少縮排的方法： 這邊記得也要把它勾掉 想要記Code snippets的話這裡找 想要prettier的話看這裡 把Terminal改成可以用一些指令（ls、rm -rf…. 注意這裡的shell path原本是 cmd.exe 改成 “C:\Program Files\Git\bin\sh.exe” -login -i 參考文章How to open a terminal on WebStorm?把資料夾排除在搜尋範圍
  把修改過的地方改成高亮色調（老人家需求）       prettier ESLint plugin for Prettier formatting 使用prettier幫代碼自動format   看commit的diff 在webStorm裡定義自己需要的live template，還蠻簡單的，把一些常用到的都寫進去加速工作流程！ 搜尋在寫的js檔案是按double shift，記得不是 按 ctrl + shift + N ，那是找檔案。 想要自動補完要import的component的時候，記得那個component要是export default的，webStorm才會作用。

修改編輯器字型：

把這邊的TypeScript language service勾起來的話，專案就會噴一堆TypeScript的錯誤，就連剛用腳手架開啟的一個專案也會有。