vue這個新的工具，確實能夠提高效率，在經(jīng)歷的一段時間的摧殘之后，終于能夠有一個系統(tǒng)的認識了，下面就今天的收獲做一個總結(jié)，也是vue入門的精髓：

創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)由有經(jīng)驗的網(wǎng)站設(shè)計師、開發(fā)人員和項目經(jīng)理組成的專業(yè)建站團隊，負責(zé)網(wǎng)站視覺設(shè)計、用戶體驗優(yōu)化、交互設(shè)計和前端開發(fā)等方面的工作，以確保網(wǎng)站外觀精美、成都做網(wǎng)站、成都網(wǎng)站設(shè)計易于使用并且具有良好的響應(yīng)性。

1.要使用vue來開發(fā)前端框架，首先要有環(huán)境，這個環(huán)境要借助于node，所以要先安裝node，借助于node里面的npm來安裝需要的依賴等等。

這里有一個小技巧：如果在cmd中直接使用npm來安裝的一些工具的話會比較慢，所以我們使用淘寶的npm鏡像：
輸入npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安裝npm鏡像，以后再用到npm的地方直接用cnpm來代替就好了

安裝完npm鏡像后，開始安裝全局vue-cli腳手架，之所以要用vue-cli，是應(yīng)為這個工具能幫我們搭建好我們需要的模板框架，比較簡單。方法：cnpm install -g vue-cli 回車，驗證是否安裝成功，在命令行中輸入vue，出來vue的信息說明安裝成功

2.安裝完腳手架以后開始，開始創(chuàng)建一個新項目：命令 vue init webpack vue_project(最后這個是我創(chuàng)建的項目文件夾的名字)

至此，一個新的項目文件夾就創(chuàng)建完成，這個項目文件是在使用了腳手架vue-cli的前提下創(chuàng)建的，所以使用了這個工具提供的默認版式。

這就是使用腳手架搭建的項目文件的結(jié)構(gòu)

3.因為各個模板間都是相互依賴的，所以要安裝依賴，在命令行輸入cnpm install ,你會發(fā)現(xiàn)在已經(jīng)創(chuàng)建的項目結(jié)構(gòu)里面會多出一個node_modules的文件夾，里面就是剛才安裝的所有依賴。

4.準備工作做好以后，測試一下項目里面默認的app.vue模塊能否跑起來，這是需要先安裝一下服務(wù)器環(huán)境，在命令行中輸入
cnpm run dev 回車即可

8080就是默認的端口，在瀏覽器地址欄中輸入localhost:8080會發(fā)現(xiàn)默認的模塊打開了！

注：如果已經(jīng)全局安裝過vue-cli了，再搭建項目的時候無需再安裝一遍，直接使用vue init webpack 項目名 即可

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)建站。

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

名稱欄目：詳解Vue.js入門環(huán)境搭建-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://weahome.cn/article/ioisd.html