vue.js之vue-cli腳手架的搭建詳解-創(chuàng)新互聯(lián)

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

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

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

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

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

(1)檢查node版本

在安裝vue的環(huán)境之前,安裝NodeJS環(huán)境是必須的??梢允褂胣ode -v指令檢查,需要保證安裝了4.0版本以上的nodeJS環(huán)境。

vue.js之vue-cli腳手架的搭建詳解

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

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

(2)安裝vue-cli

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

使用指令

npm install -g vue-cli

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

本文標(biāo)題:vue.js之vue-cli腳手架的搭建詳解-創(chuàng)新互聯(lián)
文章起源:http://bm7419.com/article34/dihpse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)微信小程序、定制開發(fā)、做網(wǎng)站、軟件開發(fā)、營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)