安裝node(自帶了npm)
命令一:進行默認安裝node
根據提示安裝npm --> 打開命令行窗口 --> "node -v"和"npm -v"判斷是否安裝成功
命令二:把緩存移動到自己安裝的node根目錄下
打開node安裝的目錄 --> 新建“node_cache”和"node_global"這兩個文件 --> 執行命令
npm config set prefix "安裝目錄\node_global" npm config set cache "安裝目錄\node_cache"
命令三:配置淘寶鏡像
輸入如下語句
npm config set registry=http://registry.npm.taobao.org
命令四:更新npm(同時檢查淘寶鏡像是否成功)
npm install npm -g再次查看globa里有什么
npm list -global注意:此時默認的模塊“安裝的路徑\node_modules”目錄,會改變為:“安裝的路徑\node_global\node_modules”
我們需要做一件事情:
配置環境 變量:NODE_PATH ,值:安裝的路徑\node_global\node_modules
命令五:安裝vue.js(同時測試npm)
輸入:(-g 即安裝到global文件下)
npm install vue -g
命令六:安裝vue-router
執行命令:
npm install vue-router -g
命令七:安裝vue-cli
輸入命令:
npm install vue-cli -g在命令行窗口輸入: vue,卻提示不是內部命令
因為vue的腳本在自定義的node_global下,不在path(執行命令后到path中按路徑查找,vue.cmd,沒有的話找不到執行的文件,會輸出:內部沒有該命令)
添加自定義的node_global到path中
配置環境變量 --> 系統變量 --> path --> 編輯 --> 新建 --> “安裝的目錄\node_global” --> 確定
查看腳手架版本 :(V 要大寫)
vue -V
命令八:創建項目
進入根目錄的命令行窗口
輸入命令:
vue init webpack vue01
初始化,安裝依賴
進入vue01文件
輸入命令(安裝依賴):
npm install運行項目:
npm run dev彈出成功信息和網址







