vue環(huán)境搭建簡(jiǎn)單教程
要使用vue來(lái)開(kāi)發(fā)前端框架，首先要有環(huán)境，這個(gè)環(huán)境要借助于node，所以要先安裝node，借助于node里面的npm來(lái)安裝需要的依賴等等。
①安裝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)開(kāi)發(fā)服務(wù)器
npm run dev
注意：如果淘寶鏡像安裝失敗，解決辦法：
先設(shè)置代理為空 npm config set proxy null，然后再次安裝淘寶鏡
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
基于Vue 2.0的模塊化前端 UI 組件庫(kù)小結(jié)
AT-UI 是一款基于 Vue.js 2.0 的輕量級(jí)、模塊化前端 UI 組件庫(kù)，主要用于快速開(kāi)發(fā) PC 網(wǎng)站產(chǎn)品。下面通過(guò)本文給大家介紹Vue 2.0的模塊化前端 UI 組件庫(kù)，需要的朋友參考下吧2017-12-12
這篇文章主要介紹了Vue中的slots/scoped slots,本文實(shí)例代碼相結(jié)合的形式給大家介紹了slots的工作原理，需要的朋友可以參考下2018-04-04
關(guān)于el-scrollbar滾動(dòng)條初始化不顯示的問(wèn)題及解決
這篇文章主要介紹了關(guān)于el-scrollbar滾動(dòng)條初始化不顯示的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
詳解vue3.2中setup語(yǔ)法糖<script?lang="ts"?setup>
Vue 3.2 引入了語(yǔ)法,這是一種稍微不那么冗長(zhǎng)的聲明組件的方式,下面這篇文章主要介紹了詳解vue3.2中setup語(yǔ)法糖<script?lang="ts"setup>的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
本文主要介紹了在VueRouter中,meta對(duì)象的使用和配置方式,meta對(duì)象可以包含任何你希望附加到路由的自定義信息,這些配置信息可以靈活的滿足你的應(yīng)用需求,使得路由配置更具靈活性和可擴(kuò)展性2024-10-10
插槽（slot）是 vue 為組件的封裝者提供的能力。允許開(kāi)發(fā)者在封裝組件時(shí)，把不確定的、希望由用戶指定的部分定義為插槽。可以把插槽認(rèn)為是組件封裝期間，為用戶預(yù)留的內(nèi)容的占位符2022-09-09
mpvue跳轉(zhuǎn)頁(yè)面及注意事項(xiàng)
這篇文章主要介紹了mpvue跳轉(zhuǎn)頁(yè)面及注意事項(xiàng)的相關(guān)資料,需要的朋友可以參考下2018-08-08
vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案總結(jié)
最近在用VUE寫大屏頁(yè)面,遇到屏幕自適應(yīng)問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
Element-ui?DatePicker日期選擇器基礎(chǔ)用法示例
這篇文章主要為大家介紹了Element-ui?DatePicker日期選擇器基礎(chǔ)用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
Jenkins?Sidebar?Link插件實(shí)現(xiàn)添加側(cè)邊欄功能詳解
這篇文章主要介紹了vue框架實(shí)現(xiàn)添加側(cè)邊欄，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12