nodejs解壓版安裝和配置(帶有搭建前端項目腳手架)


nodejs 安裝  我先前用了nvm,覺得nvm挺厲害可以隨時更換nodejs版本,但是研究了下,可能自己功力不夠還是什么,並不好用,中間還出現了錯誤;所以最后還是卸載了;

本文圖文並茂的一步一步的來,旨在好用簡潔:

1】第一步:下載nodejs

中文官網:

https://nodejs.org/zh-cn/download/

如下圖是最新的版本,不用怕這是最新的直接下載就可以了,選擇windows版本,LTS是長期支持版本,箭頭所示下載64位壓縮版;個人覺得壓縮版本就夠了;(可能安裝版的功能更多,為了方便這里使用解壓版就夠做項目了)

2】第二步:解壓上面下載的壓縮包,然后在安裝目錄下新建兩個文件夾 node-cache 和 node-global

                    這里要注意一定要在解壓縮包當前目錄里打開cmd窗口:shift+鼠標右鍵----->打開命令窗口,否則是沒有npm命令的;

                    cmd執行,配置NPM全局模塊路徑和cache默認安裝位置

                    npm config set cache "E:\nodeInstall\node-v10.14.0-win-x64\node-cache"
                    npm config set prefix "E:\nodeInstall\node-v10.14.0-win-x64\node-global"

3】第三步:修改配置環境變量     

                  在桌面右鍵我的電腦(或計算機)---屬性 ---高級系統設置----環境變量----       

                  添加NODE_HOME : E:\nodeInstall\node-v10.14.0-win-x64    (你的nodejs安裝根目錄,如下圖)
                  path添加:    ;%NODE_HOME%;%NODE_HOME%\node-global;  

                 

以上就配置好了環境變量;

4】第四步:修改npm鏡像為taobao   為什么要這么做,因為如果用npm下載更新的話,npm速度回非常慢,而且容易出錯;

                    npm install -g cnpm --registry=https://registry.npm.taobao.org    注意執行這個命令,黑窗口還是在你的nodejs 安裝根目錄,就是你上邊一致執行的窗口;

                    執行完畢,關閉黑窗口命令;

5】第五步:重新打開cmd命令窗口(cnpm 命令無效說明上一步沒做好,因為上一步已經配置了全局),安裝vue-cli 腳手架:                  

                    cnpm install --global vue-cli
                    簡寫: cnpm i -global vue-cli

     到這一步nodejs已經安裝完了 ,並帶有vue-cli;

6】第六步: 隨便在你的電腦選一位置(創建項目文件夾),cmd執行

                    vue init webpack   xxx_front         其中“xxx_front”為你的前端項目名稱,等待完成后,到此你的前端框架已經搭建完成;

 

7】運行項目:運行前先在你的項目根目錄下:cnpm install 或cnpm i 安裝前端需要的包,安裝好回多出一個文件夾:node_modules   

                       然后還是在你的項目跟目錄,黑窗口執行cnpm run dev 

                      后續打包的命令是cnpm run build

本文章到此結束覺得好,給個贊,由於一個清晰的好的文檔編輯是辛苦,盡量尊重我的原版;

        

                                                                                                               如果對你有用,覺得好可以給小編打個賞: 

         

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM