Vue.js 2.0環境搭建（mac機系統環境）

轉載請註明出處：王亟亟的大牛之路

按照國際慣例先安利：https://github.com/ddwhan0123/Useful-Open-Source-Android

有一段時間沒有寫文章了，學習的進程也因爲工作業務的事有所擱置，不過還好，這禮拜抽出了一點時間學習點新東西，然後寫這麼一篇給自己記錄下，以後換機子的時候省得再百度

現在對於移動端開發來說提React React-Native 或者Vue Weex還不熟，甚至不知道的小夥伴要有職業危機了，最近我也在看機會，1-3線的大場業務部門基本都不收純Native的程序員了，多多少少要求職者需要回一些js技能。

之前一直在學/嘗試 React相關的一些內容，最近因爲技術導向的遷移要開始瞭解一些Vue+Weex，所以就寫這一篇博文（這是個什麼東西就不在這篇裏面介紹了，以後會一步步的給大家介紹）

在之後的使用場景會需要webpack,沒這個環境的可以看 http://blog.csdn.net/ddwhan0123/article/details/55095661

當然，如果你連Node環境都沒有。可以看http://blog.csdn.net/ddwhan0123/article/details/51858703

這些我在之前寫React的相關文章裏都有寫過

不過感慨一下,Node這些年的改進真的是很強大。

開始

本人是蘋果基，如果是win的小夥伴自己下載壓縮包丟項目裏就好了

1.安裝系統級的vue腳手架

東西一大堆，反正是隱藏文件，在你npm目錄裏

npm install vue-cli -g

然後自己新建一個目錄來整項目,像這樣

2.初始化項目

vue init webpack-simple projectName

projectName是你項目的名字，測試項目就叫什麼demo啥的就好了，然後他就會和 npm init一樣問一堆問題

項目名啊，作者啊什麼的用來描述這個Project

3.跑項目

裝完後shell會給你接下來的姿勢指引照着敲就好

基礎包還需要網絡模塊和路由模塊的包，這裏要我們多下2個

npm install vue-router vue-resource --save

下完之後

 npm run dev

然後瀏覽器跑跑 本地的8080端口就知道效果了

這一篇很簡單，就是配個簡單環境，寫一下純粹方便記憶

官方地址：https://cn.vuejs.org/v2/guide/installation.html

OH，對了 上海地區
3-5年Android
爆炸Native+努力學習前端
找個靠譜點的廠
有坑的可以聯繫我
微信如下