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

創(chuàng)新互聯(lián)公司從2013年成立，先為椒江等服務(wù)建站，椒江等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為椒江企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

①安裝nodejs

https://nodejs.org

下載nodejs，(lts)安裝的時(shí)候，點(diǎn)擊同意，一路next就可以。

會(huì)自帶一個(gè)npm（npm是個(gè)包管理器，有啥用？是個(gè)倉庫，需要用到啥 直接npm install packageName就可以了）

測(cè)試：

②安裝cnpm（淘寶鏡像，）

npm install -g cnpm --registry=https://registry.npm.taobao.org

③安裝vue-cli

windows電腦，同時(shí)按下widnows+r，輸入cmd，點(diǎn)擊回車，進(jìn)入到命令行模式；

在命令行中輸入以下指令，最后點(diǎn)擊回車
（npm install vue-cli -g （cnpm在安裝好淘寶鏡像后和npm等同））cnpm install --global vue-cli

④安裝webpack

npm install webpack -g

④根據(jù)vue-cli安裝后提供的vue指令創(chuàng)建模板項(xiàng)目

使用老師提供的模板壓縮包(tpls.zip)

tpls.zip我已經(jīng)上傳在在文件下“資料”里

放在D盤，新建vue_cli,將解壓后的每個(gè)文件復(fù)制到vue_cli中。

⑤安裝項(xiàng)目需要用到的依賴

將上述文件夾解壓縮之后，進(jìn)入到該目錄中執(zhí)行指令：

cnpm install

⑥執(zhí)行指令，啟動(dòng)開發(fā)服務(wù)器

npm run dev

注意：如果淘寶鏡像安裝失敗，解決辦法：

先設(shè)置代理為空 npm config set proxy null，然后再次安裝淘寶鏡

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