現代前端框架大行其道，講前端思想從操作dom的階段，升級到操作數據的階段。vue作為三大前端框架之一，其中平緩的學習曲線，讓好多前端新手非常喜歡，應用也越來越廣泛。雖然其他兩個框架有facebook，和google撐腰，但是vue已然是不可小覷的對手了。無論你去做前端面試還是公司新項目技術選型，vue一定不會跑出你們的備選名單。下面簡單講講做vue開發第一部，安裝！
安裝nodejs
vue依託nodejs，所以首先要安裝nodejs，官網直接百度
點擊下載鏈接，其中LTS或者 Current版。由於我電腦是window，我這邊步驟就是直接下載好之後，點擊安裝，一路下一步下一步，就安裝完了。
打開cmd，輸入命令， node -v。正常出現版本號，說明你已經安裝成功了。
小知識：LTS版本是定期更新的穩定版本，是按照時間維度來發布的版本。Current屬於嚐鮮版。
npm說明
npm是Node Package Manager。node的包管理工具，使用node之後你會接觸各種各樣成千上萬的Package（包），就需要一個管理工具能很好的解決它的安裝，更新，依賴包安裝等等的維護。默認安裝完node之後，npm會自動安裝上的。還是cmd，輸入命令 npm -V 。正常出現版本號，就可以了。
vue安裝
有了npm之後，vue只是萬千包中的一個，後續使用命令就不在贅述
npm install vue
等待安裝結束就好了，是不是很簡單
提示：大部分安裝都會指導使用國內的taobao的cnpm，用過幾次之後速度雖然提升不少，但是不知道什麼原因，總是容易出現奇怪的類似依賴裝不上之類的問題。直接用npm雖然沒有刷刷的，但是隻要不是特別多包，正常的等個三五分鐘還是可以接受的。
vue-cli腳手架工具
官方提供方便的項目搭建工具，vue-cli。最開始進公司的時候，同事一說什麼腳手架，我說啥玩意兒啊，其實就是搭建工具。去工地蓋房子先要搭建 腳手架 才能開始幹活嘛。vue-cli可以很方便的講很多基礎性的東西都搭建好，滿足絕大部分項目需求。命令：
npm install -g @vue/cli
官方最新版本3.0的腳手架還提供了圖形界面，用起來簡直不要太爽啊！
直接使用命令啟動圖形界面：vue ui
這裡吐槽下我用的項目的腳手架是公司專門請什麼高人做的腳手架，報錯一大篇，不知道什麼鬼。
項目搭建
至於在圖形界面下如何搭建，就鼠標點點點就搭建完了。步驟圖見下圖
輸入項目文件夾，不懂的就下一步
選擇配置，不懂選默認，然後創建
這是功能界面
設置vue的路由模式
是否保存剛剛配置供下一次，直接不保存
開始安裝
對應的cmd界面開始跑程序
安裝完啟動
上面安裝界面也都很快的。安裝完之後可以很清晰的看到配置文件：
對應的插件界面
運行時依賴的包
可以直接在sever界面進行啟動。
分析包界面
點擊啟動APP會彈出成功的界面，如上
安裝成功後的文件結構
好了，到這裡就啟動完畢了。可以對照官網瞭解修改下里面的東西試試。本來向講的簡單點兒，又囉嗦了！
閱讀更多 Tingno記前端 的文章
