**開發環境一些基本問題

杜萍偉發表於2018-03-25
開發環境

安裝Node

Npm映象

安裝完node後建議設定npm映象以加速。注意：不要使用cnpm，cnpm安裝的模組路徑比較奇怪。

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
複製程式碼

安裝yarn

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
複製程式碼

Webstorm scss配置

--no-cache --update --style compressed $FileName$:$FileNameWithoutExtension$.css

試用期到期操作：

  • 找到beyond Compare 4資料夾下面的BCUnrar.dll
  • 將其刪掉或者重新命名，再重新開啟接著使用

安裝cmder

下載cmder

  • 1、把 Cmder 加到環境變數 把Cmder.exe存放的目錄新增到系統環境變數； 加完之後,Win+r一下輸入cmder,即可。
  • 2、新增 cmder 到右鍵選單：環境變數新增後，在任意資料夾中即可開啟Cmder，上一步的把 Cmder 加到環境變數就是為此服務的, 在管理員許可權的終端輸入以下語句即可: Cmder.exe /REGISTER ALL
  • 3、為Cmder.exe建立快捷方式，右擊Cmder.exe選擇“建立快捷方式”點選即可，以後開啟Cmder.exe只要點選桌面對應的快捷方式即可

Webstorm排除node_modules

setting -> Editor -> File Types 下方的 ignore files and folder,新增node_modules;

VScode安裝

推薦安裝 Settings Sync 外掛，可以同步不同機器的設定

使用方法：

一、備份配置

  • 1、安裝 Settings Sync 外掛；
  • 2、使用快捷鍵：shift+alt+u 上傳配置，此時 vs code 會開啟 github.com/settings/to… 頁面讓你建立 token（如果沒登入 github 需要先登入）
  • 3、點選 Generate new token 按鈕進入建立 token 的頁面；
  • 4、隨便輸入 Token description，選擇 gist，點選 Generate token 按鈕建立 token；
  • 5、頁面會跳回到 github.com/settings/to… ，此時你應該可以看到新建立的 token，上面會有一段類似：cf0e26e3e2959aba3619c6e68096786768b680cc 的字串，這就是這個 token 的 key，它相當於 token 的一個標記，它和 token 是一一對應關係，當你需要更改或下載這個 token 時你需要知道它的 key。當然如果不小心忘記 token key 也沒關係，你可以在 github.com/settings/to… 頁面看到你建立的所有 token 列表，進入某一個 token 編輯頁可以重新定義該 token 的 key。
  • 6、切換回 vs code 介面，剛剛使用快捷鍵 shift+alt+u 會調出一個輸入區提示你輸入 token key，在此輸入剛剛建立的 token key，按回車 vs code 就會將配置上傳到 github，上傳完成後在 vs code 的輸出區找到 GitHub Gist，其後跟著的一段字串就是該 token 的 id，要牢記這個id，丟失後將不能找回！ 至此上傳備份工作完成。

二、下載備份：

  • 1、在另一臺電腦安裝 Settings Sync ；
  • 2、使用快捷鍵：shift+alt+d 下載配置，此時 vs code 會開啟 github.com/settings/to… 頁面讓你選擇要下載的 token（如果沒登入 github 需要先登入）；
  • 3、如果你已經在電腦儲存了 token key，直接在 vs code 的輸入區輸入該 token key，如果沒有記下 token key，在 github.com/settings/to… 點選你要下載的那個 token 重新設定該 token 的 key 值，然後將該 key 輸入 vs code 的輸入區；
  • 4、輸入 token key 後 vs code 會提示你再輸入 token id，輸入後回車就完成了備份的下載工作，此時你這臺電腦的 vs code 配置就和你原來使用的配置一樣了。
  • 如果在下載備份過程中出錯，需要執行 Sync:Reset Extension Settings 重置選項才可以再次執行 shift+alt+d 。

相關文章