背景

去年不是降本增“笑”，“裁員”廣進來著嗎，公司有個項目因此停止了，最近又說這個項目還是很有必要的，就又重新啟動這個項目了，然后讓我這個“大聰明”把環境重新跑起來。讓我無奈的是，原項目的團隊成員都已經被增“笑”了，只留下了一堆不知從哪開始著手的文檔。

后端還好，前端我心里就犯嘀咕了，畢竟已經5年沒有關注過前端了，上次寫前端代碼用的還是一個基于Angular構建的移動框架inoic，不知道大家用過沒有。

好在這個項目前端也用的Angular框架，本以為整個過程會很順利，然而，結果總是事與愿違。果不其然，在搭建前端開發環境時就給我上了一課，整個過程讓我抓耳撓腮，遂特此記錄。

環境搭建心路歷程

跟著文檔操作

前端文檔中對環境搭建有進行說明，一共有4個步驟，大概是這樣的：

1. 確認node環境，需要某個及以上版本。

2. 安裝@angular/cli。

3. 安裝依賴。

4. 啟動項目。

看到這里，我第一反應是“啊？現在前端這么麻煩的嗎？”，我記得以前在瀏覽器直接打開頁面就可以訪問了。咱也不懂，跟著說明操作就行。

1. 我本地不知道啥時候裝了nodejs，執行node -v后輸出v18.13.0，符合要求。ok

2. @angular/cli這是啥，咋也不懂，執行安裝命令就行，輸出看上去是沒有問題。ok

3. 安裝依賴我理解跟Maven的依賴管理一樣，先不管，執行。ok

4. 到這一步，我覺得應該可以順利啟動，看一看這個項目的廬山真面目了，結果執行 npm start 后報下面這個錯。

出現問題一：nodeJS版本過高

百度一看，原因是node 17版本之后，OpenSSL3.0對算法和密鑰大小增加了嚴格的限制。

解決唄，降版本唄，node官網 下載了v14.12.0。

出現問題二：nodeJS版本低于Angular CLI版本

降版本之后重新運行npm start，您猜猜怎么著

很明顯，新老版本沖突了，又是版本問題，又是一頓百度之后，發現知乎上的一個帖子跟我這問題現象是一樣的：“node是最新版，npm啟動項目使用的不是最新版的node，請問這個怎么解決？”

跟著下面的評論又安裝了nvm（Node Version Manager），最后一頓操作后，莫名其妙的啟動了。

事后才反應過來，這個問題的根本原因是：Angular CLI是在node版本為18.3時安裝的，版本更新到14.12.0后需要刪除依賴重新安裝。

$\color{blue}{但是我不確定的是對應的npm版本會不會一同更新，有知道的小伙伴評論區交流一下。}$但是我不確定的是對應的npm版本會不會一同更新，有知道的小伙伴評論區交流一下。

不過nvm確實好用，至少不用擔心node和npm版本問題，比如下面的命令：

學到的第一個知識：nvm

這里記錄下nvm安裝過程

1. clone this repo in the root of your user profile

• cd ~/ from anywhere then git clone github.com/nvm-sh/nvm.… .nvm

2. cd ~/.nvm and check out the latest version with git checkout v0.39.7

3. activate nvm by sourcing it from your shell: . ./nvm.sh

配置環境變量

引發的思考

技術發展日新月異

早在幾年前，程序員是要前后端一起開發的，不分什么前后端，我從最開始的HTML、JavaScript開始用到AngularJS這些框架，印象最深刻的是還要解決兼容IE瀏覽器。沒想到現在的前端也會有版本管理、組件化等等，可見技術更新迭代速度之快。

前端的重要性

當初在選擇后端的時候認為前端技術無非就那些，沒有什么挑戰。事實上，前后端沒有分離之前，市場上的應用頁面也是極其簡潔的，前后端一起兼顧是沒有精力寫出那么好看的界面和交互的。所以“前端已死”的觀點我是不認可的。

降本增“笑”被迫全棧

前幾天參加了開發者社區的線下聚會，聊了一下行情。有小伙伴吐槽，因為在降本增“笑”的原因，現在他們被公司要求要寫前端，被迫向全棧發展，竟意外發現開發效率極其高。還有小伙伴說“前端被裁的剩下幾個人，一個前端對接十個后端。”。是呀，在降本增“笑”之后，老板恨不得讓一個人干十個人的活。

與時俱進

不論是幾年前的前后端分離還是降本增“笑”帶來的被迫全棧，還是最近“前端已死”的觀點，一切都是行業發展所需要的。我們需要做到的是：不斷學習和更新自己的知識和技能，以適應行業的發展和變化。

作者：王二蛋呀
鏈接：https://juejin.cn/post/7327599804325052431
來源：稀土掘金
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。