vue.js開(kāi)發(fā)環(huán)境搭建教程
vue.js開(kāi)發(fā)環(huán)境搭建教程分享，具體內(nèi)容如下
1、安裝node.js，忽略
2、基于node.js，利用淘寶npm鏡像安裝相關(guān)依賴
在cmd里直接輸入：npm install -g cnpm –-registry=https://registry.npm.taobao.org，回車(chē)，等待安裝...
3、安裝全局vue，用于幫助搭建所需的模板框架
在cmd里，
1).輸入：cnpm install -g vue-cli，回車(chē)，等待安裝...
2).輸入：vue -V，回車(chē)，若出現(xiàn)vue信息說(shuō)明表示成功
4、創(chuàng)建vue項(xiàng)目
在cmd里輸入：vue init webpack vue_test(項(xiàng)目文件夾名)，回車(chē)，等待一小會(huì)兒，依次出現(xiàn)‘git'下的項(xiàng)，可按下圖操作
5.安裝依賴
在cmd里，
1).輸入：cd vue_test（項(xiàng)目名），回車(chē)，進(jìn)入到具體項(xiàng)目文件夾
2).輸入：cnpm install，回車(chē)，等待一小會(huì)兒
回到項(xiàng)目文件夾，會(huì)發(fā)現(xiàn)項(xiàng)目結(jié)構(gòu)里，多了一個(gè)node_modules文件夾（該文件里的內(nèi)容就是之前安裝的依賴）
基于vue-cli創(chuàng)建的默認(rèn)項(xiàng)目結(jié)構(gòu)如下圖所示：
6.測(cè)試環(huán)境是否搭建成功
方法1：在cmd里輸入：cnpm run dev
方法2：在瀏覽里輸入：localhost:8080(默認(rèn)端口為8080)
運(yùn)行起來(lái)后的效果如下圖所示：
至此，vue.js開(kāi)發(fā)環(huán)境搭建完畢。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
最近工作中遇到一個(gè)需求，是要做一個(gè)頁(yè)面放張大表格用來(lái)顯示數(shù)據(jù)項(xiàng)，純粹為了view層操作方便，就用了vue做渲染。然而又被提出了一個(gè)需求，需要相鄰的相同值的行數(shù)據(jù)項(xiàng)進(jìn)行單元格合并，這就醉了。沒(méi)辦法，只能想辦法解決，下面通過(guò)這篇文章來(lái)一起看看吧。2016-11-11
Vue ElementUI中el-table表格嵌套樣式問(wèn)題小結(jié)
這篇文章主要介紹了Vue ElementUI中el-table表格嵌套樣式問(wèn)題小結(jié),兩個(gè)表格嵌套,當(dāng)父表格有children數(shù)組時(shí)子表格才展示,對(duì)Vue ElementUI中el-table表格嵌套樣式問(wèn)題感興趣的朋友跟隨小編一起看看吧2024-02-02
Vue中$nextTick實(shí)現(xiàn)源碼解析
這篇文章主要為大家介紹了Vue中$nextTick實(shí)現(xiàn)源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
vue中el-date-picker限制選擇7天內(nèi)&禁止內(nèi)框選擇
項(xiàng)目中需要選擇時(shí)間范圍,并且只能選擇當(dāng)前日期之后的七天,本文就來(lái)介紹了vue中el-date-picker限制選擇7天內(nèi)&禁止內(nèi)框選擇,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
這篇文章主要給大家介紹了關(guān)于vue3使用canvas的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue3具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-04-04
Vue-router如何實(shí)現(xiàn)路由懶加載
在現(xiàn)代前端開(kāi)發(fā)中,Vue.js憑借其輕量級(jí)和易用性,成為了很多開(kāi)發(fā)者的首選框架,本文將結(jié)合實(shí)際案例,詳細(xì)講解Vue-Router路由懶加載的用法,需要的可以參考下2024-11-11
toRef 和 toRefs都是Vue3 中的響應(yīng)式轉(zhuǎn)換工具函數(shù),換句話說(shuō),toRef 和 toRefs 就是用來(lái)創(chuàng)建響應(yīng)式的引用的,主要用來(lái)取出響應(yīng)式對(duì)象里的屬性,或者解構(gòu)響應(yīng)式對(duì)象,本文小編就來(lái)帶大家搞清楚Vue3中toRef和toRefs的區(qū)別,需要的朋友可以參考下2023-09-09
element?ui?el-calendar日歷組件使用方法總結(jié)
這篇文章主要給大家介紹了關(guān)于element?ui?el-calendar日歷組件使用方法的相關(guān)資料,elementui是一款基于Vue.js的UI框架,其中的日歷組件calendar是elementui中非常常用的組件之一,需要的朋友可以參考下2023-07-07
解決在vue的mounted中獲取對(duì)象為null問(wèn)題
這篇文章主要介紹了解決在vue的mounted中獲取對(duì)象為null問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue基于session和github-oauth2實(shí)現(xiàn)登錄注冊(cè)驗(yàn)證思路詳解
通過(guò) sessionId 可以在 session 表中獲取用戶的信息,此外,還利用 session 表實(shí)現(xiàn)了GitHub 的 OAuth2 第三方登錄,本文講解前端通過(guò)簡(jiǎn)單的方式實(shí)現(xiàn)一個(gè)基本的登錄注冊(cè)驗(yàn)證功能,感興趣的朋友跟隨小編一起看看吧2024-08-08