vue框架搭建流程


一、檢查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了。


分享到:


相關文章: