開發vue需要安裝的開發工具和環境的配置記錄

2021-09-02 14:26:13 字數 2085 閱讀 8222

前端開發vue需要乙個好用的**編輯器,首選肯定是vscode(全稱visual studio code);想要執行前端**並在瀏覽器中訪問,就得安裝nodejs。本篇部落格就是介紹如何安裝和配置vscode和nodejs。

vscode就是簡單的下一步下一步即可nodejs安裝2.   可以先通過 cmd ,輸入 'node -v' 以及 'npm -v' 指令檢視 nodejs 版本(如果是第一次安裝肯定會顯示 ''node' 不是內部或外部命令,也不是可執行的程式或批處理檔案。'")

注:安裝成功後,nodejs 的環境變數會被自動新增到 path 的最後面。這時重新開啟乙個 cmd 視窗,輸入 'node -v' 以及 輸入 'npm -v' 就可以分別檢視到安裝的版本號了;並且在 vscode 中可以直接使用 npm 指令啟用專案了。下面的步驟是用來安裝 cnpm 的,npm 的映象是國外的,cnpm 的映象是國內的。

4.   在你選擇的安裝目錄下就會出現乙個名為 nodejs 的資料夾,雙擊開啟,目錄結構我這裡是這樣的

5.   在此資料夾下面建立兩個新的資料夾 'node_global' 以及 'node_cache',目錄結構就成這樣子了

6.   接著在 cmd 中設定全域性路徑,貼上如下兩條命令(根據你新建的資料夾路徑來寫,這裡是我自己電腦上建立的路徑)

npm config set prefix "d:\program files (x86)\nodejs\node_global"

npm config set cache "d:\program files (x86)\nodejs\node_cache"

注:如果提示 node' 不是內部或外部命令,也不是可執行的程式或批處理檔案。'解決方案:① 到環境變數中檢視,path 最後面是否有自動配置好的 nodejs 環境變數;如果沒有,那麼就手動把 nodejs 資料夾路            徑配置到 path 中② 重開乙個 cmd 視窗

7.   安裝 cnpm:npm install -g cnpm --registry=使用的**映象)

注:在第七步操作前,我們新建的 node_global 資料夾下面是空的,當第七步執行結束後,node_global 資料夾下就會變成如下圖這樣子,會發現有了 cnpm 指令。但是這時在 cmd 中輸入 'cnpm -v' 還是無效指令。

8.   環境變數中配置 cnpm:把 node_global 資料夾配置在環境變數中,也就是在上面自動新增的 nodejs 環境變數後加乙個 ';' 隔開,把 node_global 資料夾的位置配置進去

注:這時重開 cmd 視窗,輸入 'cnpm -v' 就可以檢視到版本號相關的資訊了。

到此相關的安裝和配置已經結束了

歡迎來訪我的vue專欄總篇部落格

希望能夠幫助到你

over

Vue 開發工具的安裝

2.在有package.json的資料夾下,按住shift右鍵,選擇 在此處開啟cli 執行 cnpm i 沒裝映象用 npm i 3.node modules安裝完畢後,在命令列輸入 cnpm run build npm 也可以 4.開啟谷歌瀏覽器,位址列輸入 chrome extensions ...

Python 開發工具和框架安裝

引言 其實之前對於 python,只是知道有這門語言而已。大部分還是使用 net 開發的,之前也學了 mvc ef 開發,但是由於工作上完全用不到,也就沒有在部落格記錄學習的東西了。最近又接觸到了爬蟲這項技術,然後了解到 python 開發爬蟲好像很厲害的樣子。於是就來了興趣,興趣是乙個重要的東西,...

macOS 開發工具安裝集錦

1 登入mysql 用dmg的方式安裝。download mysql community server 3 安裝完成後終端輸入 mysql version顯示版本號說明正常,若顯示command not found,在終端輸入如下,usr local mysql bin mysql 為mysql預設...