相比于主流的angular和react前端框架，vue在近年來也變得非?；馃?。他吸取了前兩者的優(yōu)點，同時學(xué)習(xí)曲線也更加平緩。所以本魔王準(zhǔn)備入坑了~~

專注于為中小企業(yè)提供做網(wǎng)站、成都網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)臨河免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

首先從vue的腳手架搭建開始吧。

這里不得不吐槽，window相對mac和linux確實在軟件開發(fā)方面，非常不方便，代碼打包，環(huán)境搭建等，簡直爆炸~~..然而，嗯，本魔王就是在用win10，哎~

嘛，廢話不多說，今天的任務(wù)就是把腳手架搭好，雖然流程不麻煩，但是npm這個東東，真的可以一不小心就磨掉一下午的時間。這里無論用命令行工具，還是Git Bash，或者WebStrom里的Terminal工具，都是可以的。

（1）檢查node版本

在安裝vue的環(huán)境之前，安裝NodeJS環(huán)境是必須的。可以使用node -v指令檢查，需要保證安裝了4.0版本以上的nodeJS環(huán)境。

當(dāng)然，沒有安裝的話，去Node.js的官網(wǎng)下載一下，各種下一步，傻瓜式安裝就好，非常方便。

tips:這里說一下我自己踩過的一個坑，我最開始，安裝的是國外官網(wǎng)上最新的7.3.0的版本，然后再最后npm run dev的時候各種報錯。最后的解決方式是把node的版本回退到了6.2.0。所以這里推介大家安裝NodeJs 4~6之間的版本。

（2）安裝vue-cli

接下來進(jìn)入正題，先全局安裝vue-cli。

使用指令

npm install -g vue-cli

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁題目：vue.js之vue-cli腳手架的搭建詳解-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://weahome.cn/article/dihpse.html