1. 程式人生 > >node+webpack+vue-cli

node+webpack+vue-cli

 安裝nodejs + 安裝webpack + 安裝vue-cli+安裝腳手架模板+安裝依賴+執行

1 安裝nodejs

  去官網安裝node.jshttp://www.runoob.com/nodejs/nodejs-install-setup.html  )

      注意node的版本,只有支援和諧模式的node才會支援es6,在基於webpack構建專案名稱時才不會報錯。推薦最新版本.

  下載安裝包之後直接點選安裝即可。測試安裝成功的介面如下:

1.2安裝淘寶映象  npm install cnpm -g --registry=https://registry.npm.taobao.org

;  注意:安裝完後最好檢視其版本號cnpm -v或關閉命令提示符重新開啟,安裝完直接使用有可能會出現錯誤;

2、利用npm安裝webpack 命令列語句為npm install webpack -g/-D (全域性或本地安裝)。測試安裝成功的介面如下:

3 安裝vue-cli 

npm install vue-cli -g/-D(全域性或者本地安裝)

4 安裝腳手架模板

vue init webpack my-project