1. 程式人生 > >(一)vue環境搭建

(一)vue環境搭建

9.png 直接 忘記 完成 比較 com 官網 vue-cli 版本

技術棧

1. webpack

2. vue-loader

3. vue-cli

部署過程

一  安裝npm和cnpm

技術分享圖片

====》所以,我們先來安裝node.js ,具體什麽是node.js,請自己學習一下吧

(1)下載node.js

  這裏是windows安裝,到官網直接去下載安裝包,進行安裝,url:https://nodejs.org/en/download/

技術分享圖片

(2)安裝比較簡單,就當成一般的windows安裝文件進行安裝即可,出現如之下的版本信息就說明node.js 和npm 安裝完成了。

技術分享圖片

====》這個地方要配置一下環境變量,這個不要忘記了哦!

技術分享圖片

(3)配置環境變量

技術分享圖片

技術分享圖片

====》配置變量配置2處,第一:新增NODE_PATH(在node_global下建立個文件夾node_modules);第二:增加path參數;

技術分享圖片

技術分享圖片

====》到這裏要介紹一下cnpm了,可以把他理解為中國的npm,因為npm服務器在國外,下載一些包會比較慢,所以,安裝一個cnpm來下載需要的包吧

技術分享圖片

二  安裝vue-cli腳手架

(1)輸入命令 cnpm install --global vue-cli,回車安裝,之後查看版本如下圖後就ok了

技術分享圖片

====》恭喜!,你的vue環境已經搭建完成!

(一)vue環境搭建