m1前端編譯測試

『壹』 前端需要編譯器嗎vscode這個不是編譯器嗎

編譯器就是將「一種語言（通常為高級語言）」翻譯為「另一種語言（通常為低級語言）」的程序。一個現代編譯器的主要工作流程：源代碼 (source code) → 預處理器 (preprocessor) → 編譯器 (compiler) → 目標代碼 (object code) → 鏈接器 (Linker) → 可執行程序 (executables)

從這個意義上來說，前端是沒有編譯器的，但是會有開發環境（IDE）一說，前端雖然是純文本，可以用普通的記事本或者editplus之類來的編輯，但會缺少象語法補全、代碼格式化、腳本調試、語法高亮這些功能，所以才會需要有這些功能的IDE存在，vscode不是編譯器，它只是一個代碼編輯器，僅就前端來說，如果不用vscode，也可以用象hbuilderX這類軟體。

『貳』 Mac M1電腦運行xcode 模擬器報錯

新版本的M1晶元運行模擬器報CocoaPods庫（如：WechatOpenSDK報arm64錯誤）錯誤，是因為M1兼容問題，解決辦法有兩種如下：強烈推薦方法2
方法1：強制打開xcode對x86的支持，有缺點：因為還是採用x86，編譯速度很慢。

方法2(推薦)：完全採用ARM架構，編譯速度顯著提升。

『叄』 現在比較好用的前端開發工具有哪些啊

1. node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器JavaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。

6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在各個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。

『肆』 做軟體開發的買macbook m1好用嗎

做軟體開發的使用蘋果筆記本不是很合適，蘋果筆記本的操作系統是自己獨有的，很多開發相關的軟體蘋果筆記本是無法安裝的，或者安裝使用會有問題。純為方便起見還是建議買win系統的筆記本。

『伍』 編譯前端和後端各有什麼特點,各自包含編譯過程的哪幾個部分

編譯前端主要包括詞法分析、語法分析、語義分析、中間代碼生成這幾個部分，後端則包含代碼優化和目標代碼生成部分。前端的特點是僅與編譯的源語言有關，而後端則僅與編譯的目標語言及運行環境有關。

將編譯過程劃分成前端和後端，主要目的是在多種源語言和多種目標語言的開發過程中，可以靈活搭配組合，消除重復開發的工作量，提高編譯系統的開發效率。

『陸』 MacBook M1配置前端開發環境

解決每次關閉終端後，都需要重新執行source .bash_profile才能重新使用nvm命令。原因：沒有將配置添加到.zshrc文件中

如果使用的是zsh終端，只需要添加source .zshrc即可。
查看使用的終端命令
echo $SHELL
系統安裝的終端
cat /etc/shells
切換終端
chsh -s /bin/bash //切換終端為bash
chsh -s /bin/zsh // 切換終端為zsh

bash讀取的配置文凱隱件： _{/.bash_profile文件，zsh讀取的配禪毀置盯襲廳文件：} /.zshrc文件。在.zshrc文件中加上source ~/.bash_profile，可以直接從.bash_profile文件讀取配置。