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