vue框架搭建流程

注意要用VUE新版本@vue-cli

一、檢查node和npm是否已安裝
win+r打開命令工具，輸入cmd，后依次輸入node -v和npm -v。若能顯示版本號，則安裝成功。若不能，node下載路徑為Node.js。 npm下載為npm install npm -g
二、配置node環境
1、首先在node.js的安裝目錄根目錄下新建兩個文件夾：node_global和node_cache(第二步cache配置用到)；
2、打開命令行工具，輸入 npm config set prefix "剛剛新建的node_global文件夾路徑”
如： npm config set prefix D:\\Program Files\\nodejs\\node_global
3、配置緩存cache的路徑；
配置步驟：輸入 npm config set cache "剛剛新建的node_cache文件夾路徑“
4、設置環境變量：
（1）系統變量中新增NODE-PATH，變量值：“node_gloabal路徑/node_modules”；
（2）用戶變量中修改Path變量。npm install express -g
三、安裝vue框架
1、安裝全局vue腳手架：npm i vue-cli -g。 暗轉完成后查看vue的版本，vue -V，若有，則安裝成功。
2、打開要創建的vue項目目錄，輸入vue init webpack 項目名稱。接下來就一直回車就OK了。