vue.js學習02之vue-cli腳手架建立專案環境搭建
阿新 • • 發佈:2018-10-31
從開發環境到釋出 http://www.jianshu.com/p/5ba253651c3b,這更詳細,更適合入門
轉載自 http://blog.csdn.net/gebitan505/article/details/56673302
最近,vue.js越來越火。在這樣的大浪潮下,我也開始進入vue的學習行列中,在網上也搜了很多教程,按著教程來做,也總會出現這樣那樣的問題(坑啊,由於網上那些教程都是Vue.js 1.x版本的,現在用Vue.js 的構建工具都已經升級到2.0版本了),經過了一段時間的摸索和看官方的教程和api,才瞭解到2.0版本在1.0版本的基礎上做了好多調整,廢棄了好多api。。。廢話不多說了,把我踩過的坑,在這裡跟大家說說,希望對初學者有所幫助。ps:高手請繞道。
既然是入門例項,那肯定從最基礎的開始了,希望初學者們耐心看下去。首先,列出來我們需要的東西:
- node.js環境(npm包管理器)
- vue-cli 腳手架構建工具
- cnpm npm的淘寶映象
安裝node.js
從 node.js官網下載並安裝node,安裝過程很簡單,一路“下一步”就可以了(傻瓜式安裝)。 安裝完成之後,開啟命令列工具,輸入 node -v,如下圖,如果出現相應的版本號,則說明安裝成功。
npm包管理器,是整合在node中的,所以,直接輸入 npm -v就會如下圖所示,顯示出npm的版本資訊。
OK!node環境已經安裝完成,npm包管理器也有了。由於有些npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內映象---cnpm。