vue環(huán)境搭建簡(jiǎn)單教程
要使用vue來開發(fā)前端框架，首先要有環(huán)境，這個(gè)環(huán)境要借助于node，所以要先安裝node，借助于node里面的npm來安裝需要的依賴等等。
①安裝nodejs
下載nodejs，(lts)安裝的時(shí)候，點(diǎn)擊同意，一路next就可以。
會(huì)自帶一個(gè)npm（npm是個(gè)包管理器，有啥用？是個(gè)倉(cāng)庫(kù)，需要用到啥 直接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，然后再次安裝淘寶鏡
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue自定義權(quán)限標(biāo)簽詳細(xì)代碼示例
這篇文章主要給大家介紹了關(guān)于vue自定義權(quán)限標(biāo)簽的相關(guān)資料,在Vue中你可以通過創(chuàng)建自定義組件來實(shí)現(xiàn)自定義標(biāo)簽組件,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了ant design vue中表格指定格式渲染方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-10-10
Vue 實(shí)現(xiàn)列表動(dòng)態(tài)添加和刪除的兩種方法小結(jié)
今天小編就為大家分享一篇Vue 實(shí)現(xiàn)列表動(dòng)態(tài)添加和刪除的兩種方法小結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue請(qǐng)求數(shù)據(jù)的三種方式,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
理解Vue2.x和Vue3.x自定義指令用法及鉤子函數(shù)原理
這篇文章主要介紹了理解Vue2.x和Vue3.x的自定義指令的用法及鉤子函數(shù)原理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2021-09-09
vue $set 給數(shù)據(jù)賦值的實(shí)例
今天小編就為大家分享一篇vue $set 給數(shù)據(jù)賦值的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue中如何使用ztree,包括配置package.json，自動(dòng)加載jquery的方法，本文給大家介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-02-02
vue3使用vue-router及路由權(quán)限攔截方式
這篇文章主要介紹了vue3使用vue-router及路由權(quán)限攔截方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue項(xiàng)目netWork地址無法訪問的問題及解決
這篇文章主要介紹了vue項(xiàng)目netWork地址無法訪問的問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-09-09
v-model可以實(shí)現(xiàn)數(shù)據(jù)的雙向綁定,也是vue的最突出的優(yōu)勢(shì),其實(shí) v-model 實(shí)際上是一個(gè)語法糖,本文將給大家介紹一下vue中v-model的實(shí)現(xiàn)原理,文中有相關(guān)的代碼供大家參考,具有一定的參考價(jià)值,需要的朋友可以參考下2023-12-12