安裝nodejs安裝npm安裝cpnm安裝vue-cli腳手架


1、為什么用nodejs
因為它是javascript運行環境,不同系統直接運行各種編程語言
是我即將使用vue的推薦開發環境。
選擇對應版本,https://nodejs.org/en/download/

下一步下一步就好
2、為什么安裝npm
它是Nodejs下的包管理器。安裝好nodejs就可以使用npm
檢查是否成功

安裝好之后,對npm安裝的全局模塊所在路徑以及緩存所在路徑,進行環境配置。是因為以后在執行類似:npm install express [-g](后面的可選參數-g,g代表global全局安裝的意思)的安裝語句時,會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中,占C盤空間。
例如:我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中,則在我安裝的文件夾【D:\Develop\nodejs】下創建兩個文件夾【node_global】及【node_cache】
打開cmd輸入如下命令
npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

接下來點擊 我的電腦,屬性,高級系統設置


輸入NODE_PATH
輸入C:\Program Files\nodejs\node_global\node_modules


3、基於nodejs,利用淘寶npm鏡像安裝相關依賴。由於國內使用npm會很慢,這里推薦使用淘寶nmp鏡像
打開cmd
npm install -g cnpm --registry=https://registry.npm.taobao.org

完成之后,我們就可以使用cnpm代替npm來安裝依賴包了。
4、為什么安裝vue-cli腳手架
為了生成vue工程模板
安裝全局vue-cli腳手架,用於幫助搭建所需要的模板框架



安裝完成之后
輸入vue

出現了vue信息說明表示成功
用vue-cli構建項目
查看vue版本2.9.1


免責聲明!

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



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