vue環(huán)境搭建簡單教程

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

①安裝nodejs

https://nodejs.org

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

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

測試：

②安裝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，然后再次安裝淘寶鏡

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com