Mac配置前端開發環境及遇到的問題與解決方案
MacOS版本：10.15.3
一，安裝brew
問題：curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused的解決辦法
解決方案：打不開的網址，就是這個網址https://raw.githubusercontent.com/Homebrew/install/master/install，對應的內容就是 brew_install.rb
百度網盤下載，提取碼：e928
1.進入 存放 brew_install.rb的目錄中
2.執行 ruby brew_install.rb,根據提示 安裝配置就行了
二，安裝node多版本管理工具nvm
方便不同年代的項目運行
2.1,安裝nvm
1 brew install nvm
2.2,配置nvm
1，創建.nvm文件夾
mkdir ~/.nvm
2，添加.zshrc文件，並添加如下內容
1 export NVM_DIR="$HOME/.nvm" 2 [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" # This loads nvm 3 [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion
運行如下命令即可編輯，如果沒有，則會創建對應的文件
1 vim ~/.zshrc
但是此種方法只對本次有效，如需持久有效，需要寫入 /Users/[username]/ 目錄中的 .bash_profile 文件中才能生效；如果 /Users/[username]/ 目錄沒有 .bash_profile 文件，需要創建 .bash_profile 文件；
a、創建環境變量配置文件
1 touch .bash_profile
b、打開並編輯配置文件
1 open .bash_profile
輸入配置內容：
1 export NVM_DIR="$HOME/.nvm" 2 [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" # This loads nvm 3 [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion
c、使配置生效
1 source .bash_profile
這樣 nvm 就可以用了，執行 nvm --version 會看到 nvm 的安裝版本
3,nvm常用命令
nvm install [nodeversion] # 安裝指定版本，e.g. `nvm install v10.15.3` nvm use [nodeversion] # 指定當前使用的 Node.js 版本，e.g. `nvm use v10.15.3` nvm current # 查看當前使用的 Node.js 版本 nvm ls # 查看當前安裝的 Node.js 版本列表，`nvm list` 也可以查看當前安裝列表 nvm ls-remote # 查看遠程服務器上可用的安裝版本 nvm uninstall [nodeversion] # 刪除指定版本的 Node.js，用法類似於 install 命令 nvm reinstall-packages [npmversion] # 在當前的 Node.js 版本下，安裝指定版本的 npm 包管理器 nvm alias default [nodeversion] # 設置默認 Node.js 版本，e.g. `nvm alias default v10.15.3` nvm cache clear # 清除 nvm 緩存
三，安裝配置svn
1、去appstore搜索“svn”，下載第一個snailSvn的精簡版即可
2、安裝好之后，持續點擊 下一步, 然后會自動彈窗擴展窗口，需要在第三方擴展中添加一下訪達
如果已安裝好，也可通過打開偏好設置添加，如下：
3、新建一個文件夾后，可以在訪達中檢出
選擇檢出之后彈出如下彈窗
輸入代碼庫地址以及檢出到的文件夾地址，點擊確認之后會彈窗賬戶名以及密碼的輸入框，輸入之后確認即可檢出對應的代碼啦
4、在vs code中配置svn
在vs code中搜索下載svn即可
問題：在macos10.15.3版本中使用svn報如下錯誤
1 svn: error: The subversion command line tools are no longer provided by Xcode.
解決辦法：卸載之后重新安裝
1 sudo rm -rf /Library/Developer/CommandLineTools
1 xcode-select --install
四，mac上使用HBuilderX遇到的問題
4.1，HBuilderX運行uniapp項目的問題
問題：使用uniapp的app運行到真機報node-sass錯，如下：
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 8.x [HBuilder] 10:52:46.052 Found bindings for the following environments: OS X 64-bit with Node.js 10.x
為了方便控制，我創建uniapp的時候使用的是npm管理的，而不是深度依賴HBuilderX，這樣是更自由點。
但是打包與測試的時候還是希望使用HBuilderX，方便，不用安裝那么多東西。
這樣是產生了一個偏差點，我開發的時候使用的是本機的node，查看下node的版本：
1 $ node -v 2 v10.15.3
而HBuilderX有個內置的node，是v8.x的。
在打包發布或運行的時候會使用HBuilderX內置的node，所以是會報錯的。
總結來說，我們node_module下的包是用高版本的node生成的，但是在打包或運行的時候使用的HBuilderX里面的低版本的node，所以就會找不到需要的東西。
解決辦法：解決的方法有多種，但我們這里已經使用了npm的形式開發，那么我們打包最好還是保持同樣的環境，省的麻煩。所以我們告訴HBuilderX使用我們本機的node即可。
在windows上暫未遇到此問題，以下主要介紹mac上的解決方案：
a,進入HBuilderX自帶的node下面，將node重命名即可備份：
1 $ cd /Applications/HBuilderX.app/Contents/HBuilderX/plugins/node 2 $ mv node node-v8
b,添加本機node的軟鏈接:
$ ln -s /Users/[username]/.nvm/versions/node/v10.15.3/bin/node /Applications/HBuilderX.app/Contents/HBuilderX/plugins/node/node
重啟HBuilderX即可。
4.2，使用iOS模擬器的問題
問題：xcode已安裝，但是HBuilderX檢測不到ios模擬器
解決方案：
- 打開xcode，點擊菜單
xcode--->perferences - 點擊
locations，如下 - 找到
command lines tools，選中下拉菜單
