一、爲何用nodejs
由於它是javascript運行環境,不一樣系統直接運行各類編程語言
是我即將使用vue的推薦開發環境。
選擇對應版本,https://nodejs.org/en/download/
下一步下一步就好
二、爲何安裝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
javascript
三、基於nodejs,利用淘寶npm鏡像安裝相關依賴。因爲國內使用npm會很慢,這裏推薦使用淘寶nmp鏡像
打開cmd
npm install -g cnpm --registry=https://registry.npm.taobao.org
vue
完成以後,咱們就可使用cnpm代替npm來安裝依賴包了。
四、爲何安裝vue-cli腳手架
爲了生成vue工程模板
安裝全局vue-cli腳手架,用於幫助搭建所須要的模板框架
安裝完成以後
輸入vue
出現了vue信息說明表示成功
用vue-cli構建項目
查看vue版本2.9.1
java